.header@charset "utf-8";
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
.tooltip,body {
font-family: "微软雅黑",Futura-CondensedMedium,HelveticaNeue,HiraginoSansGB-W3,STHeiti,"Microsoft YaHei",tahoma
}
a,body {
color: #666
}
.row,menu {
padding-left: 0
}
iframe,sub,sup {
position: relative
}
body,figure,nav ol,nav ul {
margin: 0
}
.img-sy{width: 100%;height:auto;}
.pro-img{width:500px;height:auto;margin:0 auto;margin-top:50px;}
.z-e-l{width:70px;position:absolute;height:100%;display:block;background:#8c1f23;right:0px;}
.text-left {
text-align: left;
padding-right: 10px;
}
.border-b,.page-header {
border-bottom: 1px solid #dcdcdc
}
.btn-group>.btn-group,.btn-toolbar .btn-group,.btn-toolbar .input-group,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.direction-mini li {
float: left
}
.jcrop-tracker,html {
-webkit-tap-highlight-color: transparent
}
html {
font-family: sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
font-size: 10px
}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {
display: block
}
audio,canvas,progress,video {
display: inline-block;
vertical-align: baseline
}
audio:not([controls]) {
display: none;
height: 0
}[hidden],template {
display: none
}
a {
text-decoration: none;
-webkit-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
transition: all .4s ease-in-out
}
a:active,a:focus,a:hover {
outline: 0;
text-decoration: none
}
b,optgroup,strong {
font-weight: 700
}
dfn {
font-style: italic
}
h1 {
margin: .67em 0
}
mark {
background: #ff0;
color: #000
}
sub,sup {
font-size: 75%;
line-height: 0;
vertical-align: baseline
}
sup {
top: -.5em
}
sub {
bottom: -.25em
}
img {
border: 0;
vertical-align: middle
}
svg:not(:root) {
overflow: hidden
}
hr {
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 0
}
pre,textarea {
overflow: auto
}
code,kbd,pre,samp {
font-family: monospace,monospace;
font-size: 1em
}
button,input,optgroup,select,textarea {
color: inherit;
font: inherit;
margin: 0
}
button {
overflow: visible
}
button,select {
text-transform: none
}
button,html input[type=button],input[type=reset],input[type=submit] {
-webkit-appearance: button;
cursor: pointer
}
button[disabled],html input[disabled] {
cursor: default
}
button::-moz-focus-inner,input::-moz-focus-inner {
border: 0;
padding: 0
}
input[type=checkbox],input[type=radio] {
box-sizing: border-box;
padding: 0
}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {
height: auto
}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration {
-webkit-appearance: none
}
table {
border-collapse: collapse;
border-spacing: 0
}
td,th {
padding: 0
}/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@media print {
blockquote,img,pre,tr {
page-break-inside: avoid
}
*,:after,:before {
background: 0 0!important;
color: #000!important;
box-shadow: none!important;
text-shadow: none!important
}
a,a:visited {
text-decoration: underline
}
a[href]:after {
content: " (" attr(href)")"
}
abbr[title]:after {
content: " (" attr(title)")"
}
a[href^="javascript:"]:after,a[href^="#"]:after {
content: ""
}
blockquote,pre {
border: 1px solid #999
}
thead {
display: table-header-group
}
img {
max-width: 100%!important
}
h2,h3,p {
orphans: 3;
widows: 3
}
h2,h3 {
page-break-after: avoid
}
select {
background: #fff!important
}
.navbar {
display: none
}
.btn>.caret,.dropup>.btn>.caret {
border-top-color: #000!important
}
.label {
border: 1px solid #000
}
.table {
border-collapse: collapse!important
}
.table td,.table th {
background-color: #fff!important
}
.table-bordered td,.table-bordered th {
border: 1px solid #ddd!important
}
}
.bg-cover,.flexslider .slides li {
background-position: center center
}
.bg-cover,.flexslider .slides li,.header {
background-repeat: no-repeat;
background-size: cover
}
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
:focus,a:focus {
outline: 0;
outline-offset: -2px
}
:after,:before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
body {
font-size: 14px;
line-height: 1.6;
background-color: #fff
}
@media (max-width:767px) {
body {
font-size: 120%
}
}
@media (max-width:1081px) {
.wp-video-shortcode{display:none;}
}
button,input,select,textarea {
font-family: inherit;
font-size: inherit;
line-height: inherit
}
/* a {
text-decoration: none;
-webkit-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
transition: all .4s ease-in-out
} */
/* a:hover {
color: #be0000;
text-decoration: none
} */
menu {
margin-top: 0;
margin-bottom: 0
}
.row {
list-style: none
}
section.p-v-s {
padding-top: 20px;
padding-bottom: 20px
}
section.p-v-m {
padding-top: 40px;
padding-bottom: 40px
}
section.p-v-l ,.p-v-l {
/* padding-top: 50px;
padding-bottom: 50px; */
font-style:normal;
}
iframe {
z-index: 1
}
.img-responsive {
display: block;
max-width: 100%;
height: auto
}
.img-circle {
border-radius: 50%
}
hr {
border: 0;
border-top: 1px solid #dcdcdc;
margin: 22px 0
}
.hr {
border-top-width: 5px;
border-color: #be0000;
width: 50px
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0,0,0,0);
border: 0
}
.sr-only-focusable:active,.sr-only-focusable:focus {
position: static;
width: auto;
height: auto;
margin: 0;
overflow: visible;
clip: auto
}
.shadow-grid a h5,.shadow-grid li h4,.shadow-grid p {
/* text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap */
}
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 {
font-family: inherit;
font-weight: 500;
line-height: 1.1;
color: inherit
}
.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small {
font-weight: 400;
line-height: 1
}
.h1,.h2,.h3,h1,h2,h3 {
margin-top: 22px;
margin-bottom: 11px
}
.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small {
font-size: 65%
}
.h4,.h5,.h6,h4,h5,h6 {
margin-top: 8px;
margin-bottom: 8px
}
.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small {
font-size: 75%
}
.h1,h1 {
font-size: 36px
}
.h2,h2 {
font-size: 22px
}
.h3,h3 {
font-size: 18px
}
.h4,h4 {
font-size: 16px
}
.h5,h5 {
font-size: 14px
}
.h6,h6 {
font-size: 12px
}
@media (max-width:767px) {
.h1,h1 {
font-size: 24px
}
.h2,h2 {
font-size: 20px
}
.h3,h3 {
font-size: 18px
}
.h4,.h5,h4,h5 {
font-size: 14px
}
.h6,h6 {
font-size: 12px
}
}
.h1,.h2,h1,h2 {
text-transform: uppercase
}
p {
margin: 0 0 11px
}
@media (min-width:1600px) {
p {
font-size: 100%
}
}
p.h4 {
line-height: 32px;
}
.lead {
margin-bottom: 22px;
font-size: 16px;
font-weight: 300;
line-height: 1.4
}
@media (min-width:768px) {
.lead {
font-size: 21px
}
}
.small,small {
font-size: 85%
}
.mark,mark {
background-color: #fcf8e3;
padding: .2em
}
.text-right {
text-align: right
}
.text-center {
text-align: center
}
.text-justify {
text-align: justify
}
.text-nowrap {
white-space: nowrap
}
.text-lowercase {
text-transform: lowercase
}
.text-uppercase {
text-transform: uppercase
}
.text-capitalize {
text-transform: capitalize
}
.text-muted {
color: #c4c4c4
}
.text-white {
color: #fff
}
a.text-white:hover {
color: #e6e6e6
}
.text-red {
color: #be0000
}
a.text-red:hover {
color: #8b0000
}
.text-black {
color: #333
}
a.text-black:hover {
color: #1a1a1a
}
.text-gray {
color: #979797
}
a.text-gray:hover {
color: #7e7e7e
}
.text-darker {
color: #333
}
.inline-title {
display: inline-block;
background-color: #fff
}
a.inline-title:hover {
background-color: #e6e6e6
}
.inline-title h2 {
line-height: 30px;
margin: 0;
padding: 20px
}
address,dd,dt {
line-height: 1.6
}
.inline-title span {
color: #979797;
margin-left: 10px
}
a.inline-title span:hover {
color: #7e7e7e
}
.bg-white {
background-color: #fff
}
a.bg-white:hover {
background-color: #e6e6e6
}
.bg-red {
background-color: #be0000
}
a.bg-red:hover {
background-color: #8b0000
}
.bg-red-dark {
background-color: #870000
}
a.bg-red-dark:hover {
background-color: #540000
}
.bg-gray-light {
background-color: #f0f0f0
}
a.bg-gray-light:hover {
background-color: #d7d7d7
}
.bg-gray-lighter {
background-color: #dcdcdc
}
section.bg-cover.p-v-l.text-white[style*=background-image]:before {
display: block;
content: "";
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
background-color: #000;
opacity: .2;
filter: alpha(opacity=20)
}
section.bg-cover.p-v-l.text-white[style*=background-image]>div {
position: relative;
z-index: 1
}
.m-xl {
margin: 40px
}
.m-l {
margin: 30px
}
.m-s {
margin: 10px
}
.m-0 {
margin-top: 0;
margin-bottom: 0
}
.m-xs {
margin: 5px
}
.m-b-xl {
margin-bottom: 40px
}
.m-b-l {
margin-bottom: 30px
}
.m-b-m {
margin-bottom: 20px
}
.m-b-s {
margin-bottom: 10px
}
.m-b-xs {
margin-bottom: 5px
}
.m-t-xl {
margin-top: 40px
}
.m-t-l {
margin-top: 30px
}
.m-t-m {
margin-top: 20px
}
.m-t-s {
margin-top: 10px
}
.m-t-xs {
margin-top: 5px
}
.m-t-0 {
margin-top: 0
}
.m-b-0 {
margin-bottom: 0
}
.m-h-s {
margin-left: 10px;
margin-right: 10px
}
.m-v-l {
margin-top: 30px;
margin-bottom: 30px
}
.m-m {
margin: 20px
}
.p-xl {
padding: 40px
}
.p-l {
padding: 30px
}
.p-m {
padding: 20px
}
.p-s {
/* padding: 10px */
}
.p-xs {
padding: 5px
}
.p-1px {
padding: 1px
}
.p-0 {
padding: 0
}
.p-h-xl {
padding-left: 40px;
padding-right: 40px
}
.p-h-l {
padding-left: 30px;
padding-right: 30px
}
.p-h-m {
padding-left: 20px;
padding-right: 20px
}
.p-h-s {
padding-left: 10px;
padding-right: 10px
}
.p-h-xs {
padding-left: 5px;
padding-right: 5px
}
.p-v-xl {
padding-top: 40px;
padding-bottom: 40px
}
.p-v-l {
padding-top: 30px;
padding-bottom: 30px
}
.p-v-m {
padding-top: 20px;
padding-bottom: 20px
}
.p-v-s {
padding-top: 10px;
padding-bottom: 10px
}
.p-v-xs {
padding-top: 5px;
padding-bottom: 5px
}
.p-t-xl {
padding-top: 40px
}
.p-t-l {
padding-top: 30px
}
.p-t-m {
padding-top: 20px
}
.p-t-s {
padding-top: 10px
}
.p-t-0 {
padding-top: 0
}
.p-b-xl {
padding-bottom: 40px
}
.p-b-l {
padding-bottom: 30px
}
.p-b-m {
padding-bottom: 20px
}
.p-b-s {
padding-bottom: 10px
}
.p-r-l {
padding-right: 30px
}
.p-r-m {
padding-right: 20px
}
.p-l-m {
padding-left: 20px
}
.p-l-s {
padding-left: 10px
}
.p-h-0 {
padding-left: 0!important;
padding-right: 0!important
}
@media (max-width:767px) {
.pro-img{width:220px;margin-top:10px;}
.p-h-m {
padding-left: 5px;
padding-right: 5px
}
.p-h-s {
padding-left: 0;
padding-right: 0
}
section.p-v-l {
padding-top: 40px;
padding-bottom: 40px
}
a.p-m {
padding: 10px
}
a.row.p-m {
padding-top: 0;
padding-bottom: 0
}
li>a>div[class*=col-].p-m {
padding: 10px 0
}
.row>li[class*=col].p-m {
padding: 10px
}
.xs-p0 {
padding: 0
}
}
.love-btns {
padding-left: 10px;
margin-left: 10px;
border-left: 1px solid #c4c4c4
}
.align-bottom,.align-top {
position: absolute;
width: 100%;
left: 0;
z-index: 1
}
.align-bottom {
bottom: 0
}
.align-top {
top: 0
}
.align-vertical {
display: table!important;
position: relative
}
#embed-video-wrap,.overlay>div {
width: 100%;
height: 100%;
position: fixed
}
.align-vertical .vertical-inner {
display: table-cell;
vertical-align: middle
}
.modal .align-vertical {
width: 100%;
height: 100%
}
.header>.align-vertical {
width: 100%;
height: 100%;
padding-bottom: 50px
}
.header>.align-vertical.p-0 {
padding: 0
}
.section-title {
padding-left: 20px;
padding-right: 20px;
margin-top: 0;
margin-bottom: 20px;
color: #333
}
@media (max-width:767px) {
.section-title {
padding-left: 10px;
padding-right: 10px
}
}
.list-inline,.list-unstyled,ol,ul {
list-style: none;
padding-left: 0
}
.border-t {
border-top: 1px solid #dcdcdc
}
.border-light {
border: 1px solid #c4c4c4
}
.overlay {
font-size: 0
}
.overlay>div {
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: opacity .5s ease-in-out;
-o-transition: opacity .5s ease-in-out;
transition: opacity .5s ease-in-out;
z-index: 2999;
top: 100%;
left: 0;
pointer-events: none
}
.overlay>div.white {
background-color: #fff
}
.overlay>div.black {
background-color: #000
}
#embed-video-wrap,.bg-gray-light .row a {
background-color: #fff
}
@media (max-width:767px) {
.overlay>div.active {
top: 0;
opacity: .8;
filter: alpha(opacity=80)
}
}
#embed-video-wrap {
z-index: 3001;
top: 100%;
-webkit-transition: top .5s ease-in-out;
-o-transition: top .5s ease-in-out;
transition: top .5s ease-in-out
}
#embed-video-wrap.active {
top: 0
}
#embed-video-wrap iframe {
position: relative;
width: 100%;
height: 100%
}
#embed-video-wrap .close {
position: absolute;
right: 0;
top: 0
}
.container,.shadow-grid li {
position: relative
}
.page-header {
padding-bottom: 10px;
margin: 44px 0 22px
}
dl,ol,ul {
margin-top: 0
}
ol,ul {
margin-bottom: 11px
}
ol ol,ol ul,ul ol,ul ul {
margin-bottom: 0
}
.list-inline {
margin-left: -5px
}
.list-inline>li {
display: inline-block;
padding-left: 5px;
padding-right: 5px
}
dl {
margin-bottom: 22px
}
@media (max-width:767px) {
dd,dt {
line-height: 1.1
}
}
dt {
font-weight: 700
}
dd {
margin-left: 0
}
abbr[data-original-title],abbr[title] {
cursor: help;
border-bottom: 1px dotted #c4c4c4
}
.initialism {
font-size: 90%;
text-transform: uppercase
}
blockquote {
padding: 11px 22px;
margin: 0 0 22px;
font-size: 17.5px;
border-left: 5px solid #dcdcdc
}
.container,.container-fluid {
margin-right: auto;
margin-left: auto
}
blockquote ol:last-child,blockquote p:last-child,blockquote ul:last-child {
margin-bottom: 0
}
blockquote .small,blockquote footer,blockquote small {
display: block;
font-size: 80%;
line-height: 1.6;
color: #c4c4c4
}
blockquote .small:before,blockquote footer:before,blockquote small:before {
content: '\2014 \00A0'
}
.blockquote-reverse,blockquote.pull-right {
padding-right: 15px;
padding-left: 0;
border-right: 5px solid #dcdcdc;
border-left: 0;
text-align: right
}
.blockquote-reverse .small:before,.blockquote-reverse footer:before,.blockquote-reverse small:before,blockquote.pull-right .small:before,blockquote.pull-right footer:before,blockquote.pull-right small:before {
content: ''
}
.blockquote-reverse .small:after,.blockquote-reverse footer:after,.blockquote-reverse small:after,blockquote.pull-right .small:after,blockquote.pull-right footer:after,blockquote.pull-right small:after {
content: '\00A0 \2014'
}
address {
margin-bottom: 22px;
font-style: normal
}
@media (max-width:767px) {
.container {
padding-left: 20px;
padding-right: 20px;
position:relative;
}
.active .pro5{bottom:0px;}
}
@media (min-width:768px) {
.container {
padding-left: 4%;
padding-right: 4%
}
}
@media (min-width:992px) {
.container {
padding-left: 8%;
padding-right: 8%
}
.news-left,.news-right,.pro-left,.pro-right{width:50%;}
.news-left{padding-right:4px;}
.news-right{padding-left:4px;}
.pro-left{padding-right:35px;}
.pro-right{padding-left:35px;}
}
@media (min-width:1200px) {
.container {
padding-left: 10%;
padding-right: 10%
}
}
@media (min-width:1600px) {
/* .container {
padding-left: 20%;
padding-right: 20%
} */
}
.container-fluid {
width: 100%
}
.row {
margin-left: 0;
margin-right: 0;
margin-bottom: 0
}
.row.row-shadow a {
display: block;
-webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,.2);
box-shadow: 0 1px 2px 0 rgba(0,0,0,.2)
}
.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9 {
position: relative;
min-height: 1px
}
.col-xs-12 {
width: 100%
}
.col-xs-11 {
width: 91.66666667%
}
.col-xs-10 {
width: 83.33333333%
}
.col-xs-9 {
width: 75%
}
.col-xs-8 {
width: 66.66666667%
}
.col-xs-7 {
width: 60%
}
.col-xs-6 {
width: 50%
}
.col-xs-5 {
width: 40%
}
.col-xs-4 {
width: 33.33333333%
}
.col-xs-3 {
width: 25%
}
.col-xs-2 {
width: 20%
}
.col-xs-1 {
width: 8.33333333%
}
.col-xs-pull-12 {
right: 100%
}
.col-xs-pull-11 {
right: 91.66666667%
}
.col-xs-pull-10 {
right: 83.33333333%
}
.col-xs-pull-9 {
right: 75%
}
.col-xs-pull-8 {
right: 66.66666667%
}
.col-xs-pull-7 {
right: 58.33333333%
}
.col-xs-pull-6 {
right: 50%
}
.col-xs-pull-5 {
right: 41.66666667%
}
.col-xs-pull-4 {
right: 33.33333333%
}
.col-xs-pull-3 {
right: 25%
}
.col-xs-pull-2 {
right: 16.66666667%
}
.col-xs-pull-1 {
right: 8.33333333%
}
.col-xs-pull-0 {
right: auto
}
.col-xs-push-12 {
left: 100%
}
.col-xs-push-11 {
left: 91.66666667%
}
.col-xs-push-10 {
left: 83.33333333%
}
.col-xs-push-9 {
left: 75%
}
.col-xs-push-8 {
left: 66.66666667%
}
.col-xs-push-7 {
left: 58.33333333%
}
.col-xs-push-6 {
left: 50%
}
.col-xs-push-5 {
left: 41.66666667%
}
.col-xs-push-4 {
left: 33.33333333%
}
.col-xs-push-3 {
left: 25%
}
.col-xs-push-2 {
left: 16.66666667%
}
.col-xs-push-1 {
left: 8.33333333%
}
.col-xs-push-0 {
left: auto
}
.col-xs-offset-12 {
margin-left: 100%
}
.col-xs-offset-11 {
margin-left: 91.66666667%
}
.col-xs-offset-10 {
margin-left: 83.33333333%
}
.col-xs-offset-9 {
margin-left: 75%
}
.col-xs-offset-8 {
margin-left: 66.66666667%
}
.col-xs-offset-7 {
margin-left: 58.33333333%
}
.col-xs-offset-6 {
margin-left: 50%
}
.col-xs-offset-5 {
margin-left: 41.66666667%
}
.col-xs-offset-4 {
margin-left: 33.33333333%
}
.col-xs-offset-3 {
margin-left: 25%
}
.col-xs-offset-2 {
margin-left: 16.66666667%
}
.col-xs-offset-1 {
margin-left: 8.33333333%
}
.col-xs-offset-0 {
margin-left: 0
}
.shadow-grid a {
display: block
}
.shadow-grid a h5 {
margin-top: 8px;
margin-bottom: 0
}
.shadow-grid p {
min-height: 44.8px;
margin: 10px 0
}
.shadow-grid li {
-webkit-box-shadow: 0 2px 8px 0 transparent;
box-shadow: 0 2px 8px 0 transparent;
-webkit-transition: box-shadow .4s ease-in-out;
-o-transition: box-shadow .4s ease-in-out;
transition: box-shadow .4s ease-in-out
}
.shadow-grid li a:hover {
z-index: 2;
/* background:#8c1f23;
-webkit-box-shadow: 0 2px 8px 0 rgba(0,0,0,.3);
box-shadow: 0 2px 8px 0 rgba(0,0,0,.3) */
}
.hl-list .shadow-grid li a:hover {
background:#e7e7e7;
}
.shadow-grid li h4 {
line-height: 20px;
margin-bottom: 5px;
font-weight: 400;
/* color: #333 */
}
.close,label {
font-weight: 700
}
a.shadow-grid li h4:hover {
color: #ffffff;
}
.shadow-grid li h4 .h6 {
color: #979797;
margin-left: 5px
}
a.shadow-grid li h4 .h6:hover {
color: #7e7e7e
}
.shadow-grid li h5 {
line-height: 1.6
}
.shadow-grid li:hover h4 {
/* color: #ffffff */
}
.shadow-grid .close {
position: absolute;
right: 10px;
top: 10px;
z-index: 1;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
background-color: #be0000!important
}
.shadow-grid .close span {
width: 40px;
height: 40px;
line-height: 40px;
text-shadow: none;
display: block;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);
-webkit-transition: transform .3s ease;
-o-transition: transform .3s ease;
transition: transform .3s ease
}
.shadow-grid li:hover .close {
opacity: 1;
filter: alpha(opacity=100)
}
.shadow-grid .close:hover span {
-webkit-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
-o-transform: rotate(-180deg);
transform: rotate(-180deg)
}
.shadow-grid .title {
margin: 8px 0 0;
height: 3em
}
.shadow-grid img {
width: 100%;
height: auto
}
.shadow-grid.full-width li {
border-bottom: 1px solid #dcdcdc
}
.shadow-grid.full-width li h4 {
margin: 0 0 1em;
-webkit-transition: all .4s ease;
-o-transition: all .4s ease;
transition: all .4s ease
}
@media (max-width:767px) {
.shadow-grid.full-width li h4 {
margin-bottom: .5em
}
}
.shadow-grid.full-width li h4:not(.text-overflow) {
white-space: normal
}
.shadow-grid.full-width li p {
margin-top: 10px
}
.shadow-grid.full-width li h6 {
color: #979797
}
a.shadow-grid.full-width li h6:hover {
color: #7e7e7e
}
.shadow-grid.full-width li hr {
margin: 15px 0
}
.shadow-grid.full-width li a:hover {
color: inherit
}
.shadow-grid.full-width li a:hover h4 {
color: #be0000
}
@media (max-width:991px) {
.shadow-grid .title {
height: auto
}
.shadow-grid.full-width .left {
padding-bottom: 10px
}
.shadow-grid.full-width .right {
padding-top: 10px
}
}
.news-list .shadow-grid p {
overflow: auto;
white-space: normal
}
.btn,.dropdown-header,.dropdown-menu.store a,.filter-wrap h4,.table th,.tooltip-inner {
white-space: nowrap
}
@media (min-width:768px) {
.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9 {
float: left
}
.col-sm-12 {
width: 100%
}
.col-sm-11 {
width: 91.66666667%
}
.col-sm-10 {
width: 83.33333333%
}
.col-sm-9 {
width: 75%
}
.col-sm-8 {
width: 66.66666667%
}
.col-sm-7 {
width: 60%
}
.col-sm-6 {
width: 50%
}
.col-sm-5 {
width: 40%
}
.col-sm-4 {
width: 33.33333333%
}
.col-sm-3 {
width: 25%
}
.col-sm-2 {
width: 20%
}
.col-sm-1 {
width: 8.33333333%
}
.col-sm-pull-12 {
right: 100%
}
.col-sm-pull-11 {
right: 91.66666667%
}
.col-sm-pull-10 {
right: 83.33333333%
}
.col-sm-pull-9 {
right: 75%
}
.col-sm-pull-8 {
right: 66.66666667%
}
.col-sm-pull-7 {
right: 58.33333333%
}
.col-sm-pull-6 {
right: 50%
}
.col-sm-pull-5 {
right: 41.66666667%
}
.col-sm-pull-4 {
right: 33.33333333%
}
.col-sm-pull-3 {
right: 25%
}
.col-sm-pull-2 {
right: 16.66666667%
}
.col-sm-pull-1 {
right: 8.33333333%
}
.col-sm-pull-0 {
right: auto
}
.col-sm-push-12 {
left: 100%
}
.col-sm-push-11 {
left: 91.66666667%
}
.col-sm-push-10 {
left: 83.33333333%
}
.col-sm-push-9 {
left: 75%
}
.col-sm-push-8 {
left: 66.66666667%
}
.col-sm-push-7 {
left: 58.33333333%
}
.col-sm-push-6 {
left: 50%
}
.col-sm-push-5 {
left: 41.66666667%
}
.col-sm-push-4 {
left: 33.33333333%
}
.col-sm-push-3 {
left: 25%
}
.col-sm-push-2 {
left: 16.66666667%
}
.col-sm-push-1 {
left: 8.33333333%
}
.col-sm-push-0 {
left: auto
}
.col-sm-offset-12 {
margin-left: 100%
}
.col-sm-offset-11 {
margin-left: 91.66666667%
}
.col-sm-offset-10 {
margin-left: 83.33333333%
}
.col-sm-offset-9 {
margin-left: 75%
}
.col-sm-offset-8 {
margin-left: 66.66666667%
}
.col-sm-offset-7 {
margin-left: 58.33333333%
}
.col-sm-offset-6 {
margin-left: 50%
}
.col-sm-offset-5 {
margin-left: 41.66666667%
}
.col-sm-offset-4 {
margin-left: 33.33333333%
}
.col-sm-offset-3 {
margin-left: 25%
}
.col-sm-offset-2 {
margin-left: 16.66666667%
}
.col-sm-offset-1 {
margin-left: 8.33333333%
}
.col-sm-offset-0 {
margin-left: 0
}
}
@media (min-width:992px) {
.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9 {
float: left
}
.col-md-12 {
width: 100%
}
.col-md-11 {
width: 91.66666667%
}
.col-md-10 {
width: 83.33333333%
}
.col-md-9 {
width: 75%
}
.col-md-8 {
width: 66.66666667%
}
.col-md-7 {
width: 60%
}
.col-md-6 {
width: 50%
}
.col-md-5 {
width: 40%
}
.col-md-4 {
width: 33.33333333%
}
.col-md-3 {
width: 25%
}
.col-md-2 {
width: 20%
}
.col-md-22 {
width: 12.5%
}
.col-md-1 {
width: 8.33333333%
}
.col-md-pull-12 {
right: 100%
}
.col-md-pull-11 {
right: 91.66666667%
}
.col-md-pull-10 {
right: 83.33333333%
}
.col-md-pull-9 {
right: 75%
}
.col-md-pull-8 {
right: 66.66666667%
}
.col-md-pull-7 {
right: 58.33333333%
}
.col-md-pull-6 {
right: 50%
}
.col-md-pull-5 {
right: 41.66666667%
}
.col-md-pull-4 {
right: 33.33333333%
}
.col-md-pull-3 {
right: 25%
}
.col-md-pull-2 {
right: 16.66666667%
}
.col-md-pull-1 {
right: 8.33333333%
}
.col-md-pull-0 {
right: auto
}
.col-md-push-12 {
left: 100%
}
.col-md-push-11 {
left: 91.66666667%
}
.col-md-push-10 {
left: 83.33333333%
}
.col-md-push-9 {
left: 75%
}
.col-md-push-8 {
left: 66.66666667%
}
.col-md-push-7 {
left: 58.33333333%
}
.col-md-push-6 {
left: 50%
}
.col-md-push-5 {
left: 41.66666667%
}
.col-md-push-4 {
left: 33.33333333%
}
.col-md-push-3 {
left: 25%
}
.col-md-push-2 {
left: 16.66666667%
}
.col-md-push-1 {
left: 8.33333333%
}
.col-md-push-0 {
left: auto
}
.col-md-offset-12 {
margin-left: 100%
}
.col-md-offset-11 {
margin-left: 91.66666667%
}
.col-md-offset-10 {
margin-left: 83.33333333%
}
.col-md-offset-9 {
margin-left: 75%
}
.col-md-offset-8 {
margin-left: 66.66666667%
}
.col-md-offset-7 {
margin-left: 58.33333333%
}
.col-md-offset-6 {
margin-left: 50%
}
.col-md-offset-5 {
margin-left: 41.66666667%
}
.col-md-offset-4 {
margin-left: 33.33333333%
}
.col-md-offset-3 {
margin-left: 25%
}
.col-md-offset-2 {
margin-left: 16.66666667%
}
.col-md-offset-1 {
margin-left: 8.33333333%
}
.col-md-offset-0 {
margin-left: 0
}
}
@media (min-width:1200px) {
.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9 {
float: left
}
.col-lg-12 {
width: 100%
}
.col-lg-11 {
width: 91.66666667%
}
.col-lg-10 {
width: 83.33333333%
}
.col-lg-9 {
width: 75%
}
.col-lg-8 {
width: 66.66666667%
}
.col-lg-7 {
width: 60%
}
.col-lg-6 {
width: 50%
}
.col-lg-5 {
width: 40%
}
.col-lg-4 {
width: 33.33333333%
}
.col-lg-20 {
width: 20%
}
.col-lg-3 {
width: 25%
}
.col-lg-2 {
width: 12.5%
}
.col-lg-1 {
width: 8.33333333%
}
.col-lg-pull-12 {
right: 100%
}
.col-lg-pull-11 {
right: 91.66666667%
}
.col-lg-pull-10 {
right: 83.33333333%
}
.col-lg-pull-9 {
right: 75%
}
.col-lg-pull-8 {
right: 66.66666667%
}
.col-lg-pull-7 {
right: 58.33333333%
}
.col-lg-pull-6 {
right: 50%
}
.col-lg-pull-5 {
right: 41.66666667%
}
.col-lg-pull-4 {
right: 33.33333333%
}
.col-lg-pull-3 {
right: 25%
}
.col-lg-pull-2 {
right: 16.66666667%
}
.col-lg-pull-1 {
right: 8.33333333%
}
.col-lg-pull-0 {
right: auto
}
.col-lg-push-12 {
left: 100%
}
.col-lg-push-11 {
left: 91.66666667%
}
.col-lg-push-10 {
left: 83.33333333%
}
.col-lg-push-9 {
left: 75%
}
.col-lg-push-8 {
left: 66.66666667%
}
.col-lg-push-7 {
left: 58.33333333%
}
.col-lg-push-6 {
left: 50%
}
.col-lg-push-5 {
left: 41.66666667%
}
.col-lg-push-4 {
left: 33.33333333%
}
.col-lg-push-3 {
left: 25%
}
.col-lg-push-2 {
left: 16.66666667%
}
.col-lg-push-1 {
left: 8.33333333%
}
.col-lg-push-0 {
left: auto
}
.col-lg-offset-12 {
margin-left: 100%
}
.col-lg-offset-11 {
margin-left: 91.66666667%
}
.col-lg-offset-10 {
margin-left: 83.33333333%
}
.col-lg-offset-9 {
margin-left: 75%
}
.col-lg-offset-8 {
margin-left: 66.66666667%
}
.col-lg-offset-7 {
margin-left: 58.33333333%
}
.col-lg-offset-6 {
margin-left: 50%
}
.col-lg-offset-5 {
margin-left: 41.66666667%
}
.col-lg-offset-4 {
margin-left: 33.33333333%
}
.col-lg-offset-3 {
margin-left: 25%
}
.col-lg-offset-2 {
margin-left: 16.66666667%
}
.col-lg-offset-1 {
margin-left: 8.33333333%
}
.col-lg-offset-0 {
margin-left: 0
}
}
.flexslider .slides img,.flexslider [class*="-viewport"],.table {
/* width: 100% */
}
table {
background-color: transparent
}
caption {
padding-top: 8px;
padding-bottom: 8px;
color: #c4c4c4;
text-align: left
}
.table {
max-width: 100%;
border-color: transparent
}
.table th {
text-align: left;
overflow: hidden;
text-overflow: ellipsis
}
.table td,.table th {
padding: 10px 20px;
vertical-align: top;
line-height: 20px
}
.table.bg-gray {
background-color: #dcdcdc
}
@media (max-width:767px) {
.table td,.table th {
padding: 5px 10px
}
}
.list-table td {
vertical-align: top;
padding: 10px 0
}
.list-table .dot {
padding-right: 10px
}
.table-cell {
display: table-cell;
vertical-align: middle
}
.controllers a,.direction-mini a,.flexslider .slides a:not(.btn),.flexslider-fixed {
/*display: block*/
}
.flexslider,.flexslider .slides,.flexslider .slides li,.flexslider [class*="-viewport"] {
position: relative;
height: 100%
}
.flexslider {
overflow: hidden;
width: 100%
}
.flexslider .align-vertical {
padding-bottom: 50px
}
.flexslider .slides {
list-style: none;
padding-left: 0;
margin-left: 0;
margin-right: 0;
/* opacity: 0;
filter: alpha(opacity=0); */
-webkit-transition: opacity .4s ease .1s;
-o-transition: opacity .4s ease .1s;
transition: opacity .4s ease .1s;
margin-bottom: 0
}
.flexslider .slides.row-shadow a {
display: block;
-webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,.2);
box-shadow: 0 1px 2px 0 rgba(0,0,0,.2)
}
.flexslider .slides .contain-wrap img {
width: auto
}
.flexslider.complete .slides {
opacity: 1;
filter: alpha(opacity=100)
}
.flexslider-fixed {
position: fixed;
background-color: #fff;
width: 100%;
overflow: hidden;
height: 100%;
top: 100%;
z-index: 2999;
-webkit-transition: top .5s ease-in-out;
-o-transition: top .5s ease-in-out;
transition: top .5s ease-in-out
}
.flexslider-fixed.active {
top: 0
}
.flexslider-fixed>.btn {
position: absolute;
right: 0;
z-index: 1
}
.flexslider-fixed h4 {
position: absolute;
top: 0;
margin: 0
}
.contain-wrap {
position: relative;
text-align: center;
width: 100%;
height: 100%;
border: 80px solid transparent;
background: url(../images/loader.gif)center center no-repeat
}
fieldset,legend {
padding: 0;
border: 0
}
.contain-wrap.in {
background: 0 0
}
.btn,.btn-default.active,.btn-default:active,.btn-red.active,.btn-red:active,.btn-white.active,.btn-white:active,.btn.active,.btn:active,.form-control,.open>.dropdown-toggle.btn,.open>.dropdown-toggle.btn-default,.open>.dropdown-toggle.btn-red,.open>.dropdown-toggle.btn-white {
background-image: none
}
.contain-wrap img {
max-width: 100%;
height: auto
}
@media (max-width:991px) {
.contain-wrap {
border-width: 60px 10px
}
}
.flexslider-grid .fw-wrap,.flexslider-grid [class*=viewport] {
padding: 10px
}
@media (max-width:767px) {
.flexslider-grid {
overflow: visible!important
}
.flexslider-grid [class*=viewport] {
padding: 4px;
margin: -4px
}
}
.flexslider-grid .fw-wrap {
padding-top: 0;
padding-bottom: 0
}
.direction-mini {
padding-left: 20px;
padding-right: 20px
}
.direction-mini li {
margin-left: 10px
}
.direction-mini a {
width: 40px;
height: 40px;
padding: 0
}
.controllers ol,.controllers ul {
margin: 0
}[class*=control-nav] li {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 5px
}[class*=control-nav] a {
cursor: pointer
}[class*=control-nav] a[class*=active] {
cursor: default;
pointer-events: none
}
.flexslider-grid [class*="-viewport"]:after,.flexslider-grid [class*="-viewport"]:before {
position: absolute;
display: block;
content: "";
height: 100%;
width: 10px;
top: 0;
background-color: #fff
}
.flexslider-grid [class*="-viewport"]:before {
left: 0
}
.flexslider-grid [class*="-viewport"]:after {
right: 0
}[class*=control-nav] {
font-size: 0;
text-align: center;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
/* background-color: rgba(255,255,255,.8) */
}
.btn,.jcrop-tracker {
-webkit-user-select: none
}[class*=control-nav] a {
position: relative;
width: 35px;
height: 40px;
text-indent: 100px;
overflow: hidden;
-webkit-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
}[class*=control-nav] a:before {
display: block;
content: "";
position: absolute;
width: 100%;
height: 6px;
top: 50%;
margin-top: -2px;
-webkit-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
/* background-color: #fdfdfd */
}[class*=control-nav] a:hover:before,[class*=control-nav] a[class*=active]:before {
/* background-color: #8c1f23 */
}
fieldset {
margin: 0;
min-width: 0
}
legend {
display: block;
width: 100%;
margin-bottom: 22px;
font-size: 21px;
line-height: inherit;
color: #666;
border-bottom: 1px solid #e5e5e5
}
label {
display: inline-block;
max-width: 100%;
margin-bottom: 5px
}
label.error {
margin-top: 5px;
margin-bottom: 0;
color: #be0000;
font-size: 85%;
font-weight: 400
}
alabel.error:hover {
color: #8b0000
}
input[type=checkbox],input[type=radio] {
margin: 4px 0 0;
margin-top: 1px \9;
line-height: normal
}
input[type=file] {
display: block
}
input[type=range] {
display: block;
width: 100%
}
select[multiple],select[size] {
height: auto
}
select {
-moz-appearance: none;
appearance: none;
border: none
}
button.close,select {
-webkit-appearance: none
}
select.form-control {
-webkit-box-shadow: none;
box-shadow: none;
border-color: #f0f0f0
}
.select-icon {
position: absolute;
top: 0;
right: 15px;
line-height: 40px;
font-size: 16px
}
.form-control,output {
display: block;
font-size: 14px;
line-height: 1.6;
color: #979797
}
.select-icon.icon-chevron-down:before {
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0)
}
select.form-control:focus {
border-color: #f0f0f0;
outline: 0;
-webkit-box-shadow: none;
box-shadow: none
}
input[type=file]:focus,input[type=checkbox]:focus,input[type=radio]:focus {
outline: 0;
outline-offset: -2px
}
output {
padding-top: 7px
}
.form-control {
width: 100%;
height: 45px;
padding: 10px 20px;
background-color: #fff;
border: 1px solid #dbdbdb;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
-webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s
}
.form-control:focus {
border-color: #8c1f23;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(190,0,0,.6);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(190,0,0,.6)
}
.form-control::-moz-placeholder {
color: #999;
opacity: 1
}
.form-control:-ms-input-placeholder {
color: #999
}
.form-control::-webkit-input-placeholder {
color: #999
}
.has-success .checkbox,.has-success .checkbox-inline,.has-success .control-label,.has-success .form-control-feedback,.has-success .help-block,.has-success .radio,.has-success .radio-inline,.has-success.checkbox label,.has-success.checkbox-inline label,.has-success.radio label,.has-success.radio-inline label {
color: #3c763d
}
.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control {
cursor: not-allowed;
background-color: #d8d8d8;
opacity: 1
}
textarea.form-control {
height: auto;
resize: vertical
}
@media (max-width:767px) {
.form-control {
font-size: 12px
}
}
input[type=search] {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-appearance: none
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
input[type=date],input[type=time],input[type=datetime-local],input[type=month] {
line-height: 42px
}
.input-group-sm input[type=date],.input-group-sm input[type=time],.input-group-sm input[type=datetime-local],.input-group-sm input[type=month],input[type=date].input-sm,input[type=time].input-sm,input[type=datetime-local].input-sm,input[type=month].input-sm {
line-height: 30px
}
.input-group-lg input[type=date],.input-group-lg input[type=time],.input-group-lg input[type=datetime-local],.input-group-lg input[type=month],input[type=date].input-lg,input[type=time].input-lg,input[type=datetime-local].input-lg,input[type=month].input-lg {
line-height: 46px
}
}
.form-group {
position: relative;
margin-bottom: 15px
}
.checkbox,.radio {
position: relative;
display: block;
margin-top: 10px;
margin-bottom: 10px
}
.checkbox label,.radio label {
min-height: 22px;
padding-left: 20px;
margin-bottom: 0;
font-weight: 400;
cursor: pointer
}
.checkbox input[type=checkbox],.checkbox-inline input[type=checkbox],.radio input[type=radio],.radio-inline input[type=radio] {
position: absolute;
margin-left: -20px;
margin-top: 4px \9
}
.checkbox+.checkbox,.radio+.radio {
margin-top: -5px
}
.checkbox-inline,.radio-inline {
display: inline-block;
padding-left: 20px;
margin-bottom: 0;
vertical-align: middle;
font-weight: 400;
cursor: pointer
}
.checkbox-inline+.checkbox-inline,.radio-inline+.radio-inline {
margin-top: 0;
margin-left: 10px
}
.checkbox-inline.disabled,.checkbox.disabled label,.radio-inline.disabled,.radio.disabled label,fieldset[disabled] .checkbox label,fieldset[disabled] .checkbox-inline,fieldset[disabled] .radio label,fieldset[disabled] .radio-inline,fieldset[disabled] input[type=checkbox],fieldset[disabled] input[type=radio],input[type=checkbox].disabled,input[type=checkbox][disabled],input[type=radio].disabled,input[type=radio][disabled] {
cursor: not-allowed
}
.form-control-static {
padding-top: 7px;
padding-bottom: 7px;
margin-bottom: 0
}
.form-control-static.input-lg,.form-control-static.input-sm {
padding-left: 0;
padding-right: 0
}
.input-sm {
height: 30px;
padding: 5px 10px;
font-size: 12px;
line-height: 1.5;
border-radius: 0
}
select.input-sm {
height: 30px;
line-height: 30px
}
select[multiple].input-sm,textarea.input-sm {
height: auto
}
.form-group-sm .form-control {
height: 30px;
padding: 5px 10px;
font-size: 12px;
line-height: 1.5;
border-radius: 0
}
select.form-group-sm .form-control {
height: 30px;
line-height: 30px
}
select[multiple].form-group-sm .form-control,textarea.form-group-sm .form-control {
height: auto
}
.form-group-sm .form-control-static {
height: 30px;
padding: 5px 10px;
font-size: 12px;
line-height: 1.5
}
.input-lg {
height: 46px;
padding: 10px 16px;
font-size: 18px;
line-height: 1.3333333;
border-radius: 0
}
select.input-lg {
height: 46px;
line-height: 46px
}
select[multiple].input-lg,textarea.input-lg {
height: auto
}
.form-group-lg .form-control {
height: 46px;
padding: 10px 16px;
font-size: 18px;
line-height: 1.3333333;
border-radius: 0
}
select.form-group-lg .form-control {
height: 46px;
line-height: 46px
}
select[multiple].form-group-lg .form-control,textarea.form-group-lg .form-control {
height: auto
}
.form-group-lg .form-control-static {
height: 46px;
padding: 10px 16px;
font-size: 18px;
line-height: 1.3333333
}
.has-feedback {
position: relative
}
.has-feedback .form-control {
padding-right: 52.5px
}
.form-control,.form-horizontal .control-label {
padding-right: 10px
}
.form-control-feedback {
position: absolute;
top: 0;
right: 0;
z-index: 2;
display: block;
width: 42px;
height: 42px;
line-height: 42px;
text-align: center;
pointer-events: none
}
.input-lg+.form-control-feedback {
width: 46px;
height: 46px;
line-height: 46px
}
.input-sm+.form-control-feedback {
width: 30px;
height: 30px;
line-height: 30px
}
.btn,.btn-group-lg>.btn,.btn-lg {
border-radius: 0;
line-height: 40px
}
.has-success .form-control {
border-color: #3c763d;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075)
}
.has-success .form-control:focus {
border-color: #2b542c;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168;
box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168
}
.has-success .input-group-addon {
color: #3c763d;
border-color: #3c763d;
background-color: #dff0d8
}
.has-warning .checkbox,.has-warning .checkbox-inline,.has-warning .control-label,.has-warning .form-control-feedback,.has-warning .help-block,.has-warning .radio,.has-warning .radio-inline,.has-warning.checkbox label,.has-warning.checkbox-inline label,.has-warning.radio label,.has-warning.radio-inline label {
color: #8a6d3b
}
.has-warning .form-control {
border-color: #8a6d3b;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075)
}
.has-warning .form-control:focus {
border-color: #66512c;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b;
box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b
}
.has-warning .input-group-addon {
color: #8a6d3b;
border-color: #8a6d3b;
background-color: #fcf8e3
}
.has-error .checkbox,.has-error .checkbox-inline,.has-error .control-label,.has-error .form-control-feedback,.has-error .help-block,.has-error .radio,.has-error .radio-inline,.has-error.checkbox label,.has-error.checkbox-inline label,.has-error.radio label,.has-error.radio-inline label {
color: #a94442
}
.has-error .form-control {
border-color: #a94442;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075)
}
.has-error .form-control:focus {
border-color: #843534;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;
box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483
}
.has-error .input-group-addon {
color: #a94442;
border-color: #a94442;
background-color: #f2dede
}
.has-feedback label~.form-control-feedback {
top: 27px
}
.has-feedback label.sr-only~.form-control-feedback {
top: 0
}
.form-control {
padding-left: 10px
}
.help-block {
display: block;
margin-top: 5px;
margin-bottom: 10px;
color: #a6a6a6
}
.form-horizontal .checkbox,.form-horizontal .checkbox-inline,.form-horizontal .radio,.form-horizontal .radio-inline {
margin-top: 0;
margin-bottom: 0;
padding-top: 7px
}
.form-horizontal .checkbox,.form-horizontal .radio {
min-height: 29px
}
.form-horizontal .form-group {
margin-left: 0;
margin-right: 0
}
.form-horizontal .has-feedback .form-control-feedback {
right: 0
}
@media (min-width:768px) {
.form-inline .form-control-static,.form-inline .form-group {
display: inline-block
}
.form-inline .control-label,.form-inline .form-group {
margin-bottom: 0;
vertical-align: middle
}
.form-inline .form-control {
display: inline-block;
width: auto;
vertical-align: middle
}
.form-inline .input-group {
display: inline-table;
vertical-align: middle
}
.form-inline .input-group .form-control,.form-inline .input-group .input-group-addon,.form-inline .input-group .input-group-btn {
width: auto
}
.form-inline .input-group>.form-control {
width: 100%
}
.form-inline .checkbox,.form-inline .radio {
display: inline-block;
margin-top: 0;
margin-bottom: 0;
vertical-align: middle
}
.form-inline .checkbox label,.form-inline .radio label {
padding-left: 0
}
.form-inline .checkbox input[type=checkbox],.form-inline .radio input[type=radio] {
position: relative;
margin-left: 0
}
.form-inline .has-feedback .form-control-feedback {
top: 0
}
.form-horizontal .control-label {
text-align: right;
margin-bottom: 0;
padding-top: 10px
}
.form-horizontal .form-group-lg .control-label {
padding-top: 14.33px
}
.form-horizontal .form-group-sm .control-label {
padding-top: 6px
}
}
.btn {
display: inline-block;
margin-bottom: 0;
font-weight: 400;
text-align: center;
vertical-align: middle;
touch-action: manipulation;
cursor: pointer;
border: 1px solid #666;
padding: 0 20px;
font-size: 14px;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
color: #666;
background-color: transparent
}
.btn.active.focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn:active:focus,.btn:focus {
outline: 0;
outline-offset: -2px
}
/* .btn.focus,.btn:hover {
color: #666;
text-decoration: none
} */
.btn.active,.btn:active {
outline: 0;
-webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
box-shadow: inset 0 3px 5px rgba(0,0,0,.125)
}
.btn.disabled,.btn[class*=disabled],.btn[disabled],fieldset[disabled] .btn {
cursor: not-allowed;
pointer-events: none;
color: #dcdcdc;
border-color: #dcdcdc;
-webkit-box-shadow: none;
box-shadow: none
}
/* .btn.disabled,.btn.disabled.active,.btn.disabled.focus,.btn.disabled:active,.btn.disabled:focus,.btn.disabled:hover,.btn[disabled],.btn[disabled].active,.btn[disabled].focus,.btn[disabled]:active,.btn[disabled]:focus,.btn[disabled]:hover,fieldset[disabled] .btn,fieldset[disabled] .btn.active,fieldset[disabled] .btn.focus,fieldset[disabled] .btn:active,fieldset[disabled] .btn:focus,fieldset[disabled] .btn:hover {
background-color: transparent;
border-color: #666
} */
.btn .badge {
color: transparent;
background-color: #666
}
/* .btn.active,.btn:active,.btn:hover,.open>.dropdown-toggle.btn {
border-color: #666;
color: #fff;
background-color: #666
} */
./* btn-default,.btn-default.active,.btn-default:active,.btn-default:hover,.open>.dropdown-toggle.btn-default {
color: #666;
background-color: transparent;
border-color: #666
} */
.btn-default.disabled,.btn-default.disabled.active,.btn-default.disabled.focus,.btn-default.disabled:active,.btn-default.disabled:focus,.btn-default.disabled:hover,.btn-default[disabled],.btn-default[disabled].active,.btn-default[disabled].focus,.btn-default[disabled]:active,.btn-default[disabled]:focus,.btn-default[disabled]:hover,fieldset[disabled] .btn-default,fieldset[disabled] .btn-default.active,fieldset[disabled] .btn-default.focus,fieldset[disabled] .btn-default:active,fieldset[disabled] .btn-default:focus,fieldset[disabled] .btn-default:hover {
background-color: transparent;
border-color: #666
}
.btn-default .badge {
color: transparent;
background-color: #666
}
.btn-default.active,.btn-default:active,.btn-default:hover,.open>.dropdown-toggle.btn-default {
color: #fff;
background-color: #666
}
/* .btn-white,.btn-white.active,.btn-white:active,.btn-white:hover,.open>.dropdown-toggle.btn-white {
color: #fff;
background-color: transparent;
/* border-color: #fff; */
}
*/
.btn-white.disabled,.btn-white.disabled.active,.btn-white.disabled.focus,.btn-white.disabled:active,.btn-white.disabled:focus,.btn-white.disabled:hover,.btn-white[disabled],.btn-white[disabled].active,.btn-white[disabled].focus,.btn-white[disabled]:active,.btn-white[disabled]:focus,.btn-white[disabled]:hover,fieldset[disabled] .btn-white,fieldset[disabled] .btn-white.active,fieldset[disabled] .btn-white.focus,fieldset[disabled] .btn-white:active,fieldset[disabled] .btn-white:focus,fieldset[disabled] .btn-white:hover {
background-color: transparent;
/* border-color: none; */
}
.btn-white .badge {
color: transparent;
background-color: #fff
}
/* .btn-white.active,.btn-white:active,.btn-white:hover,.open>.dropdown-toggle.btn-white {
color: #be0000;
background-color: #fff
} */
.btn-red,.btn-red.active,.btn-red:active,.btn-red:hover,.open>.dropdown-toggle.btn-red {
color: #be0000;
background-color: transparent;
border-color: #be0000
}
.btn-red.disabled,.btn-red.disabled.active,.btn-red.disabled.focus,.btn-red.disabled:active,.btn-red.disabled:focus,.btn-red.disabled:hover,.btn-red[disabled],.btn-red[disabled].active,.btn-red[disabled].focus,.btn-red[disabled]:active,.btn-red[disabled]:focus,.btn-red[disabled]:hover,fieldset[disabled] .btn-red,fieldset[disabled] .btn-red.active,fieldset[disabled] .btn-red.focus,fieldset[disabled] .btn-red:active,fieldset[disabled] .btn-red:focus,fieldset[disabled] .btn-red:hover {
background-color: transparent;
border-color: #be0000
}
.btn-red .badge {
color: transparent;
background-color: #be0000
}
.btn-red.active,.btn-red:active,.btn-red:hover,.open>.dropdown-toggle.btn-red {
color: #fff;
background-color: #be0000
}
.btn-group-lg>.btn,.btn-lg {
padding: 10px 16px;
font-size: 18px
}
.btn-group-sm>.btn,.btn-sm {
padding: 0!important;
line-height: 40px!important;
width: 40px;
height: 40px
}
.btn-sm>[class*=icon-] {
line-height: 40px
}
.btn-group-xs>.btn,.btn-xs {
padding: 1px 5px;
font-size: 12px;
line-height: 40px;
border-radius: 0
}
.btn-block {
display: block;
width: 100%
}
.btn-block+.btn-block {
margin-top: 5px
}
input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-block {
width: 100%
}
.fade {
opacity: 0;
-webkit-transition: opacity .15s linear;
-o-transition: opacity .15s linear;
transition: opacity .15s linear
}
.fade.in {
opacity: 1
}
.collapse {
display: none;
visibility: hidden
}
.collapse.in {
display: block;
visibility: visible
}
tr.collapse.in {
display: table-row
}
tbody.collapse.in {
display: table-row-group
}
.collapsing {
position: relative;
height: 0;
overflow: hidden;
-webkit-transition-property: height,visibility;
transition-property: height,visibility;
-webkit-transition-duration: .35s;
transition-duration: .35s;
-webkit-transition-timing-function: ease-in-out;
transition-timing-function: ease-in-out
}
.btn-group,.btn-group-vertical {
position: relative;
display: inline-block;
vertical-align: middle
}
.btn-group-vertical>.btn,.btn-group>.btn {
position: relative;
float: left
}
.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:hover,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus,.btn-group>.btn:hover {
z-index: 2
}
.btn-group .btn+.btn,.btn-group .btn+.btn-group,.btn-group .btn-group+.btn,.btn-group .btn-group+.btn-group {
margin-left: -1px
}
.btn-toolbar {
margin-left: -5px
}
.btn-toolbar>.btn,.btn-toolbar>.btn-group,.btn-toolbar>.input-group {
margin-left: 5px
}
.btn .caret,.btn-group>.btn:first-child,.nav-stacked>li+li {
margin-left: 0
}
.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
border-radius: 0
}
.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {
border-bottom-right-radius: 0;
border-top-right-radius: 0
}
.btn-group>.btn:last-child:not(:first-child),.btn-group>.dropdown-toggle:not(:first-child) {
border-bottom-left-radius: 0;
border-top-left-radius: 0
}
.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn {
border-radius: 0
}
.btn-group>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group>.btn-group:first-child:not(:last-child)>.dropdown-toggle {
border-bottom-right-radius: 0;
border-top-right-radius: 0
}
.btn-group>.btn-group:last-child:not(:first-child)>.btn:first-child {
border-bottom-left-radius: 0;
border-top-left-radius: 0
}
.btn-group .dropdown-toggle:active,.btn-group.open .dropdown-toggle {
outline: 0
}
.btn-group>.btn+.dropdown-toggle {
padding-left: 8px;
padding-right: 8px
}
.btn-group>.btn-lg+.dropdown-toggle {
padding-left: 12px;
padding-right: 12px
}
.btn-group.open .dropdown-toggle {
-webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
box-shadow: inset 0 3px 5px rgba(0,0,0,.125)
}
.btn-group.open .dropdown-toggle.btn-link {
-webkit-box-shadow: none;
box-shadow: none
}
.btn-lg .caret {
border-width: 5px 5px 0
}
.dropup .btn-lg .caret {
border-width: 0 5px 5px
}
.btn-group-vertical>.btn,.btn-group-vertical>.btn-group,.btn-group-vertical>.btn-group>.btn {
display: block;
float: none;
width: 100%;
max-width: 100%
}
.btn-group-vertical>.btn-group>.btn {
float: none
}
.btn-group-vertical>.btn+.btn,.btn-group-vertical>.btn+.btn-group,.btn-group-vertical>.btn-group+.btn,.btn-group-vertical>.btn-group+.btn-group {
margin-top: -1px;
margin-left: 0
}
.btn-group-vertical>.btn:not(:first-child):not(:last-child) {
border-radius: 0
}
.btn-group-vertical>.btn:first-child:not(:last-child) {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0
}
.btn-group-vertical>.btn:last-child:not(:first-child) {
border-bottom-left-radius: 0;
border-top-right-radius: 0;
border-top-left-radius: 0
}
.btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn {
border-radius: 0
}
.btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0
}
.btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child {
border-top-right-radius: 0;
border-top-left-radius: 0
}
.btn-group-justified {
display: table;
width: 100%;
table-layout: fixed;
border-collapse: separate
}
.btn-group-justified>.btn,.btn-group-justified>.btn-group {
float: none;
display: table-cell;
width: 1%
}
.btn-group-justified>.btn-group .btn {
width: 100%
}
.btn-group-justified>.btn-group .dropdown-menu {
left: auto
}[data-toggle=buttons]>.btn input[type=checkbox],[data-toggle=buttons]>.btn input[type=radio],[data-toggle=buttons]>.btn-group>.btn input[type=checkbox],[data-toggle=buttons]>.btn-group>.btn input[type=radio] {
position: absolute;
clip: rect(0,0,0,0);
pointer-events: none
}
.nav,.nav a,.nav li {
position: relative
}
.nav h2 {
margin: 0
}
.nav h3,.nav h5 {
margin: 0;
line-height: 50px
}
.nav h5 {
display: inline-block
}
.nav a,.nav li,.nav.nav-red li:focus ol,.nav.nav-red li:hover ol {
display: block
}
.nav ol,.nav ul {
margin-bottom: 0;
list-style: none
}
.nav li {
float: left;
padding:10px
}
.nav a {
-webkit-transition: background-color .4s ease-in-out;
-o-transition: background-color .4s ease-in-out;
transition: background-color .4s ease-in-out;
line-height: 30px;
padding-top: 10px;
padding-bottom: 10px
}
.nav a:focus,.nav a:hover {
text-decoration: none
}
.nav .active>a {
color: #be0000
}
.nav ol {
position: absolute;
left: 0;
width: 200px;
z-index: 1;
background-color: #fff
}
.nav ol li {
float: none;
margin-top: 1px
}
.nav.nav-red {
background-color: #870000
}
.nav.nav-red li {
-webkit-transition: background-color .4s ease;
-o-transition: background-color .4s ease;
transition: background-color .4s ease
}
.nav.nav-red li:focus,.nav.nav-red li:hover {
background-color: #be0000
}
.nav.nav-red li>a {
color: #fff
}
.nav.nav-red li.active:after {
display: block;
position: absolute;
width: 100%;
height: 3px;
content: "";
bottom: 0;
left: 0;
background-color: #fff
}
.nav.nav-red ol {
display: none;
background-color: #870000
}
.nav.nav-red ol li {
background-color: #881b1b
}
.nav.nav-gray {
background-color: #f0f0f0
}
.nav .nav-divider {
height: 1px;
margin: 10px 0;
overflow: hidden;
background-color: #e5e5e5
}[class*=icon-chevron-down]:before {
-webkit-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
-o-transform: rotate(-180deg);
transform: rotate(-180deg);
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
display: inline-block
}
.collapsed [class*=icon-chevron-down]:before,[aria-expanded=false] [class*=icon-chevron-down]:before {
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0)
}
.main-nav-wrap {
position: relative;
z-index: 2009;
height: 50px
}
.main-nav-wrap .nav-toggle {
z-index: 1;
position: relative;
right: -100px;
background-color: #be0000;
color: #fff;
-webkit-transition: right .4s ease-in-out;
-o-transition: right .4s ease-in-out;
transition: right .4s ease-in-out
}
.main-nav-wrap .main-nav ol li {
padding: 0 15px
}
@media (max-width:767px) {
.main-nav-wrap {
position: fixed;
pointer-events: none;
z-index: 3000;
width: 100%;
height: 100%;
top: 0
}
.main-nav-wrap .affix,.main-nav-wrap .affix-top {
position: static
}
.main-nav-wrap .container {
height: auto
}
.main-nav-wrap .nav {
position: fixed;
width: 240px;
height: 100%;
left: -260px;
-webkit-box-shadow: 0 0 16px rgba(0,0,0,.8);
box-shadow: 0 0 16px rgba(0,0,0,.8);
background-color: #701d19;
overflow-y: scroll;
-webkit-transition: left .4s ease-in-out;
-o-transition: left .4s ease-in-out;
transition: left .4s ease-in-out
}
.main-nav-wrap .nav ul>li {
border-bottom: 1px solid #5e0400
}
.main-nav-wrap .nav li {
float: none;
padding-left: 0;
padding-right: 0
}
.main-nav-wrap .nav li.active:after {
width: 3px;
height: 100%;
top: 0
}
.main-nav-wrap a {
line-height: 20px;
padding-left: 20px;
padding-right: 20px
}
.main-nav-wrap .container {
padding-left: 0;
padding-right: 0
}
.main-nav-wrap ol {
display: block;
position: relative;
width: 100%;
overflow: hidden
}
.main-nav-wrap.active {
pointer-events: inherit;
display: block
}
.main-nav-wrap.active .nav-toggle {
right: 0
}
.main-nav-wrap.active [class*=overlay-] {
display: block
}
.main-nav-wrap.active .nav {
left: 0
}
}
.dropdown-menu .divider,.modal,.modal-open {
overflow: hidden
}
.nav-justified>.dropdown .dropdown-menu,.nav-tabs.nav-justified>.dropdown .dropdown-menu {
top: auto;
left: auto
}
.footer-nav ul,.header,.navbar,.navbar-nav>li,.products-nav {
position: relative
}
@media (max-width:991px) {
.nav h5.p-h-m {
padding: 0
}
nav.nav {
padding-left: 10px;
padding-right: 10px
}
}
.products-nav {
z-index: 2008
}
.products-nav .btn {
margin-top: 5px
}
.nav-left {
float: left
}
.nav-right {
float: right
}
.nav-toggle {
cursor: pointer
}
.nav-tabs {
border-bottom: 1px solid #ddd
}
.nav-tabs>li {
float: left;
margin-bottom: -1px
}
.nav-justified>li,.nav-stacked>li,.nav-tabs.nav-justified>li {
float: none
}
.nav-tabs>li>a {
margin-right: 2px;
line-height: 1.6;
border: 1px solid transparent;
border-radius: 0
}
.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:focus,.nav-tabs-justified>.active>a:hover,.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a:hover {
border: 1px solid #ddd
}
.nav-tabs-justified>li>a,.nav-tabs.nav-justified>li>a {
margin-right: 0;
border-radius: 0
}
.nav-tabs>li>a:hover {
border-color: #dcdcdc #dcdcdc #ddd
}
.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover {
color: #979797;
background-color: #fff;
border: 1px solid #ddd;
border-bottom-color: transparent;
cursor: default
}
.navbar .affix-wrap .nav-right li:hover>div,.navbar .affix-wrap i {
color: #be0000
}
.nav-tabs.nav-justified {
width: 100%;
border-bottom: 0
}
.nav-tabs.nav-justified>li>a {
text-align: center;
margin-bottom: 5px
}
@media (min-width:768px) {
.nav-tabs.nav-justified>li {
display: table-cell;
width: 1%
}
.nav-tabs.nav-justified>li>a {
margin-bottom: 0;
border-bottom: 1px solid #ddd;
border-radius: 0
}
.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a:hover {
border-bottom-color: #fff
}
}
.nav-stacked>li+li {
margin-top: 2px
}
.nav-justified {
width: 100%
}
.footer-left,.navbar-brand,.navbar-nav>li {
float: left
}
.nav-justified>li>a {
text-align: center;
margin-bottom: 5px
}
.nav-tabs-justified {
border-bottom: 0
}
@media (min-width:768px) {
.nav-justified>li {
display: table-cell;
width: 1%
}
.nav-justified>li>a {
margin-bottom: 0
}
.nav-tabs-justified>li>a {
border-bottom: 1px solid #ddd;
border-radius: 0
}
.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:focus,.nav-tabs-justified>.active>a:hover {
border-bottom-color: #fff
}
}
.tab-content>.tab-pane {
display: none;
visibility: hidden
}
.tab-content>.active {
display: block;
visibility: visible
}
.nav-tabs .dropdown-menu {
margin-top: -1px;
border-top-right-radius: 0;
border-top-left-radius: 0
}
.navbar {
/*z-index: 2010;
height: 85px;*/
}
.navbar.cur{background:#26292c;position:fixed;width:100%;}
.navbar-header {
line-height: 85px;
}
.navbar{height: 90px;}
.menu_nav{display: none;}
@media (max-width:767px) {
.navbar-header {
line-height: 50px
}
.navbar{height: 50px;}
.navbar .navbar-brand a,.navbar.nav2 .navbar-brand a{width: 120px;height:41px;display:block;background-size:120px 41px;top:5px;}
.menu_nav{display: block;}
}
.navbar .affix-wrap {
height: 0;
min-height: inherit
}
.navbar .affix-wrap nav {
height: auto
}
.navbar .affix-wrap li>div {
line-height: 80px;
padding-left: 20px;
padding-right: 20px;
min-width: 60px;
height: 80px;
text-align: center
}
.navbar .affix-wrap span {
margin-left: 10px
}
.navbar .affix-wrap .icon-menu {
font-size: 18px;
vertical-align: text-bottom
}
.navbar .affix-wrap .nav-right {
margin-top: -80px
}
.navbar .affix-wrap .affix .nav-right {
margin-top: 0
}
.navbar .affix-wrap .affix li>div {
height: 50px;
line-height: 50px
}
.navbar .affix-wrap .affix li>div>i {
color: #fff
}
.navbar .affix-wrap .affix li>div>span {
display: none
}
.navbar .affix-wrap .affix li.opne>div>i,.navbar .affix-wrap .affix li>div:hover>i {
color: #be0000
}
@media (min-width:768px) {
.navbar .affix-wrap .affix {
z-index: 1040;
display: inline-block;
width: auto;
right: 0;
left: auto;
padding-left: 0
}
.navbar .affix-wrap .affix li.open .dropdown-toggle i {
color: #be0000
}
}
.navbar-brand>a {
display: inline-block
}
@media (max-width:767px) {
.navbar .affix-wrap {
min-height: 40px;
height: 40px
}
.navbar .affix-wrap>div {
height: 40px;
background-color: #870000
}
.navbar .affix-wrap li:hover>div i {
color: #be0000
}
.navbar .affix-wrap li>div {
line-height: 50px;
height: 50px;
width: 40px;
padding: 0;
min-width: inherit
}
.navbar .affix-wrap i.icon-menu {
color: #fff
}
.navbar .affix-wrap .affix li>div {
height: 40px;
line-height: 40px
}
.navbar .affix-wrap .nav-right {
margin-top: -50px;
margin-right: -20px
}
.navbar .affix-wrap .nav-left {
padding-right: 20px
}
.navbar-brand a {
width: 120px;
}
}
.navbar-nav {
list-style: none;
position:relative;
}
.navbar-nav>li>div {
padding: 0 20px;
cursor: pointer
}
.navbar-nav>li.active>a,.navbar-nav>li.active>a:focus,.navbar-nav>li.active>a:hover {
color: #fff;
/* background-color: #fff */
}
.navbar-nav ol,.navbar-nav>li.open,.navbar-nav>li:hover {
/* background-color: #fff */
}
.navbar-nav .open .dropdown {
display: block
}
.navbar-nav ol{
display: none;
-webkit-box-shadow: 0 8px 8px rgba(0,0,0,.3);
box-shadow: 0 8px 8px rgba(0,0,0,.3);
padding:45px 55px;
list-style: none;
position: fixed;
left:50%;
width: 575px;
margin-left:-287.5px;
top:15%;
z-index: 9999;
}
.navbar-nav ol li {
margin-bottom: 1px;
line-height: 40px
}
.navbar-nav ol li a {
display: block;
padding: 0 15px;
background-color: #f7f7f7
}
.navbar-nav ol li a:hover {
background-color: #fff
}
.navbar-form {
padding: 10px;
user-select: none;
-webkit-user-select: none
}
@media (max-width:767px) {
.navbar-nav ol {
width: 100%
}
.navbar-nav>li {
position: static
}
.navbar-nav li>div>span {
display: none
}
.navbar-form .form-group {
margin-bottom: 5px
}
.navbar-form .form-group:last-child {
margin-bottom: 0
}
}
.navbar-form .form-control {
width: 100%
}
.navbar-text {
margin-top: 10px
}
.navbar .OAuth a {
display: inline-block;
width: 32px;
height: 32px;
line-height: 32px;
margin: 0 5px;
background-color: #65a3de;
text-align: center
}
.affix,.filter-wrap {
width: 100%
}
.navbar .OAuth a i {
color: #fff
}
.navbar .OAuth a:hover i {
/* color: #be0000 */
}
.affix-wrap {
min-height: 50px
}
.affix-wrap nav {
height: 50px
}
.affix-wrap.h80 {
min-height: 80px
}
.affix {
position: fixed;
left: 0;
z-index: 1030
}
section.affix-wrap {
margin-top: -50px
}
.main-nav-wrap .affix,.navbar .affix {
top: 0
}
.products-nav .affix {
top: 50px;
z-index: 999;
background-color: #f0f0f0;
border-bottom: 1px solid #dcdcdc
}
.fix-nav.affix {
top: 50px
}
.filter-wrap .table {
margin-bottom: 20px
}
.filter-wrap .table tr {
border-top: 1px solid #f0f0f0
}
.filter-wrap .table tr td {
padding-left: 0
}
.filter-wrap .table tr td:first-child {
padding-left: 20px;
padding-right: 10px;
width: 70px
}
.filter-wrap .head {
padding-top: 5px;
padding-bottom: 5px;
background-color: #dcdcdc;
margin-top: 1px;
line-height: 20px
}
.filter-wrap .head a {
color: #333
}
.filter-wrap h4 {
color: #333;
margin-top: 5px
}
.filter-wrap a {
display: inline-block;
padding: 0 6px;
line-height: 24px;
border-radius: 3px;
cursor: pointer;
margin: 2px;
font-size: 12px;
-webkit-transition: all .4s ease;
-o-transition: all .4s ease;
transition: all .4s ease
}
.filter-wrap a.active,.filter-wrap a:hover {
background-color: #fff;
color: #be0000
}
.filter-wrap a.active {
pointer-events: none;
cursor: default
}
.filter-wrap .color a {
padding: 4px;
vertical-align: top
}
.filter-wrap .color a:first-child {
padding: 0 6px
}
.filter-wrap .color i {
display: block;
width: 16px;
height: 16px;
border: 1px solid #666;
background-color: #fff
}
.footer {
background-color: #565f68;
border-bottom: 10px solid #424a51;
}
a.footer:hover {
background-color: #d7d7d7
}
.footer h3 {
margin-top: 0;
margin-bottom: 25px;
padding-top: 4px;
color: #333
}
.footer h3+li {
line-height: 16px
}
.footer a {
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out
}
.footer .follow a {
display: block;
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
float: left;
font-size: 20px;
background:#4a525a;
margin-right:2px;
margin-top:10px;
}
.footer .follow a:hover {
background-color: #8c1f23;
color: #fff;
border-color: #be0000
}
.footer-nav {
padding-top: 5px;
padding-bottom: 5px
}
.footer-nav:after,.footer-nav:before {
content: " ";
display: table
}
.footer-nav:after {
clear: both
}
.footer-nav ul {
display: table-cell;
vertical-align: top;
padding-left: 5px;
padding-right: 35px;
height: 100%
}
.caret,.pagination,.pagination-addon,.pagination-addon input {
vertical-align: middle
}
.footer-nav ul:first-child {
padding-left: 0;
border: none
}
.footer-nav ul:last-child {
padding-right: 0
}
.footer-nav li {
line-height: 34px
}
.footer-copyright {
background-color: #fff;
line-height: 70px;
font-size: 12px
}
.footer-copyright img {
padding-top: 20px;
padding-bottom: 20px;
height: 70px;
width: auto
}
.footer-copyright a {
margin-left: 20px
}
.footer-right {
float: right
}
@media (max-width:991px) {
.footer-nav .footer-right h2 {
margin: 0
}
.footer-nav .footer-right h3 {
margin-bottom: 10px
}
.footer-nav ul {
width: auto;
padding-left: 20px;
padding-right: 20px
}
.footer-nav ul:first-child {
padding-left: 10px
}
.footer-nav ul:last-child {
padding-right: 10px
}
.footer-copyright .footer-right {
padding-top: 15px;
line-height: 1.6
}
.footer-copyright span {
display: block
}
.footer-copyright a {
margin-left: 0;
margin-right: 10px
}
.footer-copyright img {
margin-bottom: -20px
}
}
.header {
/* background-color: #f0f0f0; */
background-position: center center;
z-index: 900;
/* color: #fff */
}
@media (max-width:767px) {
.fix-nav.affix,.products-nav .affix {
top: 40px
}
.affix-wrap.h80 {
min-height: 50px
}
.footer-nav h3+li,.footer-nav li {
line-height: 1.6em
}
.footer-left,.footer-right {
float: none
}
.footer-nav {
padding-top: 30px;
padding-bottom: 30px
}
.footer-nav ul {
display: block;
border-left: none;
position:relative;
/* border-top: 1px solid #c4c4c4; */
margin: 0;
padding: 20px 0!important
}
.footer-nav .footer-right h3,.footer-nav h3 {
margin-bottom: 5px
}
.footer-nav li {
display: inline-block;
margin-right: 10px
}
.footer-nav h3 {
padding-top: 0
}
.footer-copyright {
text-align: left;
padding-bottom: 20px
}
.footer-copyright .footer-right {
padding-top: 5px
}
/*.header {
height: 320px
}*/
.header.size-m {
height: 240px
}
}
@media (min-width:768px) {
.header {
/*height: 670px*/
}
.header.size-m {
height: 300px
}
}
.header [class*=half-] {
width: 100%;
text-align:center;
font-style:normal;
}
.header .half-right {
float: right
}
@media (max-width:991px) {
.header [class*=half-] {
width: 100%
}
}
.header [style*=background-image]:before,.header[style*=background-image]:before {
position: absolute;
display: block;
content: "";
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: #000;
opacity: .2;
filter: alpha(opacity=20)
}
@media (min-width:1600px) {
.portrait {
height: 600px;
background-position: center top
}
}
.paragraph-wrap img {
max-width: 100%;
height: auto!important
}
.paragraph-wrap ol,.paragraph-wrap ul {
padding-left: 2em
}
.paragraph-wrap ul {
list-style: disc
}
.paragraph-wrap ol {
list-style: decimal
}
.paragraph-wrap p {
margin: 0 0 11px
}
.product-description .images,.product-description .thumbs,.product-description .viewport {
position: relative
}
.product-description .viewport .description {
position: absolute;
bottom: 1px;
left: 1px;
background-color: rgba(0,0,0,.5);
padding: 15px 20px;
color: #fff
}
.product-description .control {
position: absolute;
top: 0;
bottom: 0;
width: 50%;
cursor: pointer
}
.product-description .control.prev {
left: 0;
text-align: left
}
.product-description .control.next {
right: 0;
text-align: right
}
.product-description .control i {
position: absolute;
display: block;
width: 100%;
top: 50%;
padding: 0 35%;
font-size: 30px;
line-height: 30px;
margin-top: -15px;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
color: #fff
}
.product-description .control:hover i {
padding: 0 25%;
opacity: 1;
filter: alpha(opacity=100)
}
.product-description .images {
border: 1px solid #c4c4c4;
position: relative
}
.product-description .images img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: auto
}
.product-description .images img:first-child {
position: relative
}
.product-description .images.loading:after {
display: block;
position: absolute;
content: "";
width: 100%;
height: 100%;
left: 0;
top: 0;
background: url(../images/loader.gif)center center no-repeat
}
.product-description .thumbs {
font-size: 0;
padding: 18px 0
}
.product-description .thumbs img {
vertical-align: middle;
width: 30px;
height: 32px;
margin-right: 4px;
margin-bottom: 8px;
cursor: pointer;
border-top: 2px solid transparent;
padding-top: 2px;
-webkit-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
transition: all .4s ease-in-out
}
.product-description .thumbs img.active,.product-description .thumbs img:hover {
border-top-color: #be0000
}
.product-description dt,.product-description h3 {
color: #333
}
.product-description h3 {
margin-top: 0
}
.product-description hr {
margin-bottom: 20px
}
.product-description dl {
margin: 10px 0
}
.product-description dl:after,.product-description dl:before {
content: " ";
display: table
}
.product-description dl:after {
clear: both
}
.product-description dl dt {
width: 70px
}
.product-description dl dd,.product-description dl dt {
float: left
}
.product-description dd {
word-wrap: break-word
}
.product-description .colors {
font-size: 0
}
.product-description .colors span {
display: inline-block;
width: 20px;
height: 20px;
vertical-align: top;
background-color: #fff;
margin-right: 10px;
border: 1px solid #666
}
@media (max-width:991px) {
.product-description {
display: block
}
.product-description .left,.product-description .right {
display: block;
width: 100%
}
}
html.touch .product-description .control i {
opacity: 1;
filter: alpha(opacity=100)
}
.product-list li .images {
padding-top: 100%;
overflow: hidden
}
.product-list li .images img {
position: absolute;
top: 0;
width: 100%;
height: auto
}
.product-module>div {
position: relative
}
.product-module img {
height: auto
}
.product-module [class*="-min"] {
background-color: #333;
padding-top: 100px
}
.product-module [class*="-min"] img {
width: 100%
}
.product-module [class*="-min"] h2 {
margin-top: 50px
}
.product-module .mixed-left-min img {
padding-left: 60px
}
.product-module .mixed-left .container,.product-module .mixed-right .container {
width: 100%;
position: absolute;
left: 0
}
.product-module .mixed-left .container>div,.product-module .mixed-right .container>div {
float: none;
display: inline-block;
text-align: left
}
.product-module .mixed-left img,.product-module .mixed-right img {
width: 100%
}
.product-module .mixed-right {
padding-bottom: 100px
}
.product-module .mixed-right .container {
text-align: right;
bottom: 100px
}
.product-module .mixed-right .container>div {
padding-bottom: 50px
}
.product-module .mixed-right img {
padding-right: 45%
}
.product-module .mixed-left {
padding-top: 100px
}
.product-module .mixed-left .container {
top: 100px;
padding-top: 50px
}
.product-module .mixed-left img {
padding-left: 45%
}
@media (max-width:991px) {
.product-module .mixed-left-min img {
padding-left: 0
}
.product-module .mixed-right .container {
bottom: 20px
}
.product-module .mixed-left .container {
padding-top: 0
}
}
@media (max-width:767px) {
.product-module [class*="-min"] {
padding-top: 0
}
.product-module [class*="-min"] p {
margin-bottom: 20px
}
.product-module .mixed-right img {
padding-right: 0
}
.product-module .mixed-left img {
padding-left: 0
}
.product-module .mixed-left .container,.product-module .mixed-right .container {
position: static
}
.product-module .mixed-right .container>div {
padding-bottom: 30px
}
.product-module .mixed-right {
padding-bottom: 0
}
.product-module .mixed-left {
padding-top: 20px
}
}
.gallery-module li:hover {
box-shadow: none
}
.gallery-module a {
display: block
}
.gallery-module a:before {
display: block;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
font-size: 20px;
color: #be0000;
top: 50%;
left: 50%;
margin-top: -20px;
margin-left: -20px;
background-color: #fff;
z-index: 1;
transition: all .4s ease;
opacity: 0;
filter: alpha(opacity=0)
}
.abs-img,.gallery-module a:before {
position: absolute;
-webkit-transition: all .4s ease;
-o-transition: all .4s ease
}
.gallery-module a:hover:before {
opacity: 1;
filter: alpha(opacity=100)
}
.abs-img {
left: 0;
top: 0;
transition: all .4s ease;
opacity: 0;
filter: alpha(opacity=0)
}
a:hover .abs-img {
opacity: 1;
filter: alpha(opacity=100)
}
.brand-story .bg-cover {
background-image: url(../images/story.jpg)
}
.brand-story nav {
display: inline-block
}
.images {
position: relative
}
.product-gallery-control-nav {
position: absolute;
height: 76px;
padding: 18px;
bottom: 0;
width: 100%;
left: 0
}
.product-gallery-direction-nav li {
position: absolute;
width: 80px;
bottom: 80px;
top: 80px
}
.product-gallery-direction-nav li.product-gallery-nav-prev {
left: 0;
text-align: left
}
.product-gallery-direction-nav li.product-gallery-nav-next {
right: 0;
text-align: right
}
.product-gallery-direction-nav a {
position: absolute;
border: none;
height: 100%;
width: 100%;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
padding: 0 25px
}
.product-gallery-direction-nav a i {
position: relative;
height: 50%;
top: 50%;
display: block;
font-size: 24px;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease
}
.product-gallery-direction-nav a:hover {
background-color: transparent;
color: #be0000;
padding: 0 15px
}
.share-btns a,.up-btn {
border-radius: 50%;
color: #fff
}
.product-gallery-direction-nav .product-gallery-prev {
left: 0;
text-align: left
}
.product-gallery-direction-nav .product-gallery-next {
right: 0;
text-align: right
}
.border_t_light {
border-top: 1px solid #f0f0f0
}
.product-tools .left,.product-tools .right {
width: 250px
}
@media (max-width:767px) {
.product-tools,.product-tools .right {
text-align: center
}
.product-tools table,.product-tools tbody,.product-tools td,.product-tools tr {
display: block!important
}
.product-tools .left,.product-tools .right {
width: 100%
}
.product-tools .right a {
margin: 0 5px
}
}
.caret,.share-btns a,.up-btn {
display: inline-block
}
.share-btns a {
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
background-color: #dcdcdc;
font-size: 18px
}
.share-btns a:hover,.up-btn {
background-color: #be0000
}
.up-btn {
line-height: 82px;
height: 90px;
width: 90px;
font-size: 36px;
border: 4px solid #dcdcdc;
margin-top: 20px
}
.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span,.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span {
border-bottom-left-radius: 0;
border-top-left-radius: 0
}
a.up-btn:hover {
color: #e6e6e6;
background-color: #8b0000
}
.up-btn:hover {
color: #be0000;
background-color: #fff
}
a.up-btn:hover:hover {
color: #8b0000;
background-color: #e6e6e6
}
.up-btn.disable {
pointer-events: none;
cursor: default;
background-color: #f0f0f0;
color: #979797
}
a.up-btn.disable:hover {
background-color: #d7d7d7;
color: #7e7e7e
}
.caret {
width: 0;
height: 0;
margin-left: 2px;
border-top: 4px solid;
border-right: 4px solid transparent;
border-left: 4px solid transparent
}
.dropdown,.dropup {
position: relative
}
.dropdown-toggle:focus {
outline: 0
}
.dropdown-menu {
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
display: none;
float: left;
padding: 5px 0;
margin: 2px 0 0;
list-style: none;
font-size: 14px;
text-align: left;
background-color: #fff;
border: 1px solid #ccc;
border: 1px solid rgba(0,0,0,.15);
border-radius: 0;
-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
box-shadow: 0 6px 12px rgba(0,0,0,.175);
background-clip: padding-box
}
.dropdown-menu-right,.dropdown-menu.pull-right {
left: auto;
right: 0
}
.dropdown-menu .divider {
height: 1px;
margin: 10px 0;
background-color: #e5e5e5
}
.dropdown-menu.store {
border-color: transparent;
margin-top: 0;
min-width: 320px;
padding: 20px 10px;
font-size: 0
}
.dropdown-menu.store a {
display: inline-block;
width: 25%;
text-align: center;
font-size: 14px;
padding: 5px
}
.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover {
text-decoration: none;
color: #595959;
background-color: #f5f5f5
}
.dropdown-menu>.active>a,.dropdown-menu>.active>a:focus,.dropdown-menu>.active>a:hover {
color: #fff;
text-decoration: none;
outline: 0;
background-color: #fff
}
.dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover {
color: #c4c4c4
}
.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover {
text-decoration: none;
background-color: transparent;
background-image: none;
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
cursor: not-allowed
}
.open>.dropdown-menu {
display: block
}
.open>a {
outline: 0
}
.dropdown-menu-left {
left: 0;
right: auto
}
.dropdown-header {
display: block;
padding: 3px 20px;
font-size: 12px;
line-height: 1.6;
color: #c4c4c4
}
.dropdown-backdrop {
position: fixed;
left: 0;
right: 0;
bottom: 0;
top: 0;
z-index: 990
}
.pull-right>.dropdown-menu {
right: 0;
left: auto
}
.dropup .caret,.navbar-fixed-bottom .dropdown .caret {
border-top: 0;
border-bottom: 4px solid;
content: ""
}
.tooltip.bottom .tooltip-arrow,.tooltip.bottom-left .tooltip-arrow,.tooltip.bottom-right .tooltip-arrow {
top: 0;
border-width: 0 5px 5px;
border-bottom-color: #be0000
}
.business-service .item,.modal-footer {
border-top: 1px solid #dcdcdc
}
.dropup .dropdown-menu,.navbar-fixed-bottom .dropdown .dropdown-menu {
top: auto;
bottom: 100%;
margin-bottom: 2px
}
@media (min-width:768px) {
.navbar-right .dropdown-menu {
left: auto;
right: 0
}
.navbar-right .dropdown-menu-left {
left: 0;
right: auto
}
}
.pagination {
display: inline-block;
padding-left: 0;
margin: 22px 0;
border-radius: 0
}
.pagination>li {
display: inline
}
.pagination>li>a,.pagination>li>span {
position: relative;
display: block;
width: 40px;
height: 40px;
float: left;
line-height: 40px;
text-decoration: none;
color: #be0000;
background-color: #fff;
border: 1px solid #be0000;
margin-left: -1px;
-webkit-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
transition: all .4s ease-in-out
}
.pagination>li:first-child>a,.pagination>li:first-child>span {
margin-left: 0;
margin-right: 10px;
border-bottom-left-radius: 0;
border-top-left-radius: 0
}
.pagination>li:last-child>a,.pagination>li:last-child>span {
margin-left: 10px;
border-bottom-right-radius: 0;
border-top-right-radius: 0
}
.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover {
color: #fff;
background-color: #be0000;
border-color: #be0000
}
.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover {
z-index: 2;
color: #fff;
background-color: #be0000;
border-color: #be0000;
cursor: default
}
.pagination-disabled>a,.pagination-disabled>a:focus,.pagination-disabled>a:hover,.pagination-disabled>span,.pagination-disabled>span:focus,.pagination-disabled>span:hover,.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover {
color: #c4c4c4;
background-color: #fff;
border-color: #c4c4c4;
cursor: not-allowed
}
.pagination-lg>li>a,.pagination-lg>li>span {
padding: 10px 16px;
font-size: 18px
}
.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span {
border-bottom-right-radius: 0;
border-top-right-radius: 0
}
.pagination-sm>li>a,.pagination-sm>li>span {
padding: 5px 10px;
font-size: 12px
}
.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span {
border-bottom-right-radius: 0;
border-top-right-radius: 0
}
.pagination-addon {
display: inline-block;
margin-left: 20px
}
.pagination-addon input {
display: inline-block;
width: 54px;
margin-right: 5px
}
@media (max-width:767px) {
.pagination {
display: block;
padding-left: 30px;
padding-right: 30px;
text-align: left
}
.pagination>li {
text-align: center;
display: none
}
.pagination>li:first-child,.pagination>li:last-child {
display: inline-block
}
.pagination>li:first-child a {
margin-right: 0
}
.pagination>li:last-child a {
margin-left: 5px
}
.pagination-addon {
position: absolute;
margin-top: -70px;
right: 30px
}
}
.brand-service,.close {
text-align: center
}
.brand-service h2 span,.brand-service li {
display: inline-block
}
.about_list ul li{width:50%;margin-bottom:30px;float:left;}
.about_list ul li:last-child{margin-bottom:0;}
.about-sec2-txt h1{font-size: 35px;}
.about-sec2-txt h1 span{font-size:50px;color:#e2373d;font-weight: bold;}
@media (max-width:767px) {
.map-wrap {
height: 280px
}
.about_list ul li{width: 100%;}
.about-sec2-txt h1{font-size: 28px;font-family: "Fixedsys"}
.about-sec2-txt h1 span{font-size:38px;color:#e2373d;font-weight: bold;}
}
@media (min-width:768px) {
.map-wrap {
height: 500px
}
}
.map-infowindow {
width: 320px
}
.map-infowindow h4 {
margin-top: 0
}
.map-infowindow img {
width: 50%;
float: left;
margin-right: 10px;
margin-bottom: 10px
}
.BMap_cpyCtrl+div {
border: 1px solid #dcdcdc;
-webkit-box-shadow: 0 0 8px rgba(0,0,0,.3);
box-shadow: 0 0 8px rgba(0,0,0,.3)
}
#BMapLib_transBox0 tr td:first-child {
width: 40px
}
#BMapLib_transBox0 tr td:last-child {
width: 120px
}
.business-service {
background-color: #f0f0f0
}
.business-service ul {
margin-bottom: 0
}
.business-service h3 {
margin-top: 0;
margin-bottom: 20px
}
.business-service .item:first-child {
border: none
}
.business-service .left {
float: left;
width: 200px;
text-align: center;
font-size: 140px;
color: #be0000;
line-height: 1
}
a.business-service .left:hover {
color: #8b0000
}
.business-service .right {
margin-left: 220px
}
.business-service .right ul {
list-style: disc;
margin-left: 1.2em
}
@media (max-width:767px) {
.business-service .left {
float: none;
width: 100%;
font-size: 100px;
margin-bottom: 10px
}
.business-service .right {
margin-left: 0
}
.business-service .item.p-m {
padding-left: 0;
padding-right: 0
}
}
.brand-service h2 {
margin-bottom: 50px;
line-height: 1.4
}
.brand-service ul {
font-size: 0
}
.brand-service li {
font-size: 14px;
width: 20%;
vertical-align: top;
padding-left: 20px;
padding-right: 20px
}
.brand-service li img {
width: auto;
max-width: 100%;
margin-bottom: 20px
}
@media (max-width:991px) {
.brand-service li {
padding-left: 10px;
padding-right: 10px
}
}
@media (max-width:767px) {
.brand-service li {
font-size: 12px;
width: 30%
}
.brand-service li img {
margin-bottom: 10px
}
.brand-service h2 {
margin-bottom: .6em
}
}
.list-group {
margin-bottom: 0;
padding-left: 0
}
.list-group-item,.list-group>li {
margin-bottom: -1px
}
.list-group-item {
position: relative;
display: block;
padding: 10px 15px;
background-color: transparent;
border: 1px solid transparent
}
.list-group-item:first-child {
border-top-right-radius: 0;
border-top-left-radius: 0
}
.list-group-item:last-child {
margin-bottom: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0
}
a.list-group-item {
color: #555
}
a.list-group-item .list-group-item-heading {
color: #333
}
a.list-group-item:focus,a.list-group-item:hover {
text-decoration: none;
color: #be0000;
background-color: transparent
}
.list-group-item.disabled,.list-group-item.disabled:focus,.list-group-item.disabled:hover {
background-color: #dcdcdc;
color: #c4c4c4;
cursor: not-allowed
}
.list-group-item.disabled .list-group-item-heading,.list-group-item.disabled:focus .list-group-item-heading,.list-group-item.disabled:hover .list-group-item-heading {
color: inherit
}
.list-group-item.disabled .list-group-item-text,.list-group-item.disabled:focus .list-group-item-text,.list-group-item.disabled:hover .list-group-item-text {
color: #c4c4c4
}
.list-group-item.active,.list-group-item.active:focus,.list-group-item.active:hover {
z-index: 2;
color: #be0000;
background-color: transparent;
border-color: #ddd
}
.list-group-item.active .list-group-item-heading,.list-group-item.active .list-group-item-heading>.small,.list-group-item.active .list-group-item-heading>small,.list-group-item.active:focus .list-group-item-heading,.list-group-item.active:focus .list-group-item-heading>.small,.list-group-item.active:focus .list-group-item-heading>small,.list-group-item.active:hover .list-group-item-heading,.list-group-item.active:hover .list-group-item-heading>.small,.list-group-item.active:hover .list-group-item-heading>small {
color: inherit
}
.list-group-item.active .list-group-item-text,.list-group-item.active:focus .list-group-item-text,.list-group-item.active:hover .list-group-item-text {
color: #be0000
}
.list-group-item-success {
color: #3c763d;
background-color: #dff0d8
}
a.list-group-item-success {
color: #3c763d
}
a.list-group-item-success .list-group-item-heading {
color: inherit
}
a.list-group-item-success:focus,a.list-group-item-success:hover {
color: #3c763d;
background-color: #d0e9c6
}
a.list-group-item-success.active,a.list-group-item-success.active:focus,a.list-group-item-success.active:hover {
color: #fff;
background-color: #3c763d;
border-color: #3c763d
}
.list-group-item-info {
color: #31708f;
background-color: #d9edf7
}
a.list-group-item-info {
color: #31708f
}
a.list-group-item-info .list-group-item-heading {
color: inherit
}
a.list-group-item-info:focus,a.list-group-item-info:hover {
color: #31708f;
background-color: #c4e3f3
}
a.list-group-item-info.active,a.list-group-item-info.active:focus,a.list-group-item-info.active:hover {
color: #fff;
background-color: #31708f;
border-color: #31708f
}
.list-group-item-warning {
color: #8a6d3b;
background-color: #fcf8e3
}
a.list-group-item-warning {
color: #8a6d3b
}
a.list-group-item-warning .list-group-item-heading {
color: inherit
}
a.list-group-item-warning:focus,a.list-group-item-warning:hover {
color: #8a6d3b;
background-color: #faf2cc
}
a.list-group-item-warning.active,a.list-group-item-warning.active:focus,a.list-group-item-warning.active:hover {
color: #fff;
background-color: #8a6d3b;
border-color: #8a6d3b
}
.list-group-item-danger {
color: #a94442;
background-color: #f2dede
}
a.list-group-item-danger {
color: #a94442
}
a.list-group-item-danger .list-group-item-heading {
color: inherit
}
a.list-group-item-danger:focus,a.list-group-item-danger:hover {
color: #a94442;
background-color: #ebcccc
}
a.list-group-item-danger.active,a.list-group-item-danger.active:focus,a.list-group-item-danger.active:hover {
color: #fff;
background-color: #a94442;
border-color: #a94442
}
.list-group-item-heading {
margin-top: 0;
margin-bottom: 5px
}
.list-group-item-text {
margin-bottom: 0;
line-height: 1.3
}
.close {
float: right;
font-size: 21px;
line-height: 40px;
padding: 0;
color: #fff;
width: 40px;
height: 40px;
background-color: #be0000;
position: absolute;
z-index: 1;
right: 0;
top: 0
}
.close span {
display: inline-block;
width: 26px;
vertical-align: top;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);
-webkit-transition: transform .3s ease;
-o-transition: transform .3s ease;
transition: transform .3s ease
}
#bsBox,#bsBox #bsMorePanel,#bsBox .bsPlatDiv,#bsBox .bsTop {
width: 320px!important
}
.close:hover {
text-decoration: none;
color: #fff
}
.close:hover span {
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg)
}
button.close {
padding: 0;
cursor: pointer;
border: 0
}
#bsBox,#bsBox:after,#bsBox:before,#bsBox>div>div>div,#bsBox>div>div>div:after,#bsBox>div>div>div:before,#bsWXBox,#bsWXBox:after,#bsWXBox:before {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box
}
#bsBox {
height: 400px!important;
margin-left: -160px!important;
margin-top: -200px!important;
background: 0 0!important;
padding: 0!important;
border: 2px solid #666!important
}
#bsBox .bsClose {
top: 3px!important;
right: 10px!important
}
.modal,.modal-backdrop {
bottom: 0;
top: 0;
right: 0;
left: 0
}
#bsBox #bsMorePanel {
height: 376px!important
}
#bsBox .bsPlatDiv {
height: 316px!important
}
#bsBox .bFind {
width: 200px!important
}
@media all and (max-height:400px) {
#bsBox {
height: 224px!important;
margin-top: -112px!important
}
#bsBox #bsMorePanel {
height: 200px!important
}
#bsBox .bsPlatDiv {
height: 140px!important
}
}
.modal {
display: none;
position: fixed;
z-index: 2998;
-webkit-overflow-scrolling: touch;
outline: 0
}
.modal.fade .modal-dialog {
-webkit-transform: translate(0,-25%);
-ms-transform: translate(0,-25%);
-o-transform: translate(0,-25%);
transform: translate(0,-25%);
-webkit-transition: -webkit-transform .3s ease-out;
-moz-transition: -moz-transform .3s ease-out;
-o-transition: -o-transform .3s ease-out;
transition: transform .3s ease-out
}
.modal.in .modal-dialog {
-webkit-transform: translate(0,0);
-ms-transform: translate(0,0);
-o-transform: translate(0,0);
transform: translate(0,0)
}
.modal-open .modal {
overflow-x: hidden;
overflow-y: auto
}
.modal-dialog {
position: relative;
width: auto;
margin: 10px
}
.modal-content {
position: relative;
background-color: #fff;
border-radius: 0;
-webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
box-shadow: 0 3px 9px rgba(0,0,0,.5);
background-clip: padding-box;
outline: 0
}
.modal-backdrop {
position: fixed;
background-color: #fff;
z-index: 2997
}
.modal-backdrop.fade {
opacity: 0;
filter: alpha(opacity=0)
}
.modal-backdrop.in {
opacity: .8;
filter: alpha(opacity=80)
}
.modal-header {
color: #fff;
padding: 0 20px;
background-color: #870000
}
.modal-title {
margin: 0;
line-height: 40px;
height: 40px
}
.modal-body {
position: relative;
padding: 40px
}
.modal-body img {
max-width: 100%;
height: auto
}
.nav-right ul li{font-size:14px;margin-left:35px;height:100%;padding:0 5px;}
.service_banner{position:relative;background:url(../images/service_banner.jpg) no-repeat center center;height:520px;background-size:cover;width:100%;overflow:hidden;}
.about_banner{position:relative;height:520px;width:100%;overflow:hidden;}
.about_banner .covervid-wrapper{position: absolute;top: 0;left: 0;width: 100%;height: 100%;overflow: hidden;}
.covervid-wrapper .shude{position: absolute;width: 100%;height:100%;z-index: 9;background: #000;opacity: 0.5;filter:alpha(opacity=50); /* IE */-moz-opacity:0.5;/* FireFox old version*/-khtml-opacity: 0.5; /* Sarfari old version */}
.contact_banner{position:relative;background:url(../images/contact_banner.jpg) no-repeat center center;height:520px;background-size:cover;width:100%;overflow:hidden;}
.about-txt{position: absolute;z-index:10;left: 0;bottom: 55px;width: 100%; }
@media (max-width:767px) {
.modal-body {
padding: 30px
}
.service_banner,.contact_banner,.about_banner{height: 250px;}
.about_banner{position:relative;background:url(../images/service_banner.jpg) no-repeat center center;height:250px;background-size:cover;width:100%;overflow:hidden;}
.nav-top-l{display:none;background:#eaeaea;position: relative;width: 120%;right: -10%; margin-top: 10px;}
.navbar-nav>li {
width: 100%;
text-align: center;
font-size:16px;
}
.nav-right ul li{margin-left: 0px;padding:0 0;}
.navbar-nav>li .sub1,.covervid-video,.shude{display: none;}
.z-e-l{height:auto;padding-bottom:10px;}
}
.modal-footer {
padding: 20px;
text-align: right
}
.modal-footer .btn+.btn {
margin-left: 5px;
margin-bottom: 0
}
.modal-footer .btn-group .btn+.btn {
margin-left: -1px
}
.modal-footer .btn-block+.btn-block {
margin-left: 0
}
.modal-scrollbar-measure {
position: absolute;
top: -9999px;
width: 50px;
height: 50px;
overflow: scroll
}
@media (min-width:768px) {
.modal-dialog {
width: 600px;
margin: 30px auto
}
.modal-content {
-webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5);
box-shadow: 0 5px 15px rgba(0,0,0,.5)
}
.modal-sm {
width: 300px
}
}
.tooltip.top-left .tooltip-arrow,.tooltip.top-right .tooltip-arrow {
margin-bottom: -5px;
border-width: 5px 5px 0;
border-top-color: #be0000
}
@media (min-width:992px) {
.modal-lg {
width: 900px
}
}
.tooltip {
position: absolute;
z-index: 1070;
display: block;
visibility: visible;
font-size: 12px;
font-weight: 400;
line-height: 1.4;
pointer-events: none;
opacity: 0;
filter: alpha(opacity=0)
}
.invisible,.jcrop-keymgr {
visibility: hidden
}
.tooltip.in {
opacity: .9;
filter: alpha(opacity=90)
}
.tooltip.top {
margin-top: -3px;
padding: 5px 0
}
.tooltip.right {
margin-left: 3px;
padding: 0 5px
}
.tooltip.bottom {
margin-top: 3px;
padding: 5px 0
}
.tooltip.left {
margin-left: -3px;
padding: 0 5px
}
.tooltip-inner {
max-width: 100px;
padding: 10px 15px;
color: #fff;
text-align: center;
text-decoration: none;
background-color: #be0000;
border-radius: 0
}
.tooltip-arrow {
position: absolute;
width: 0;
height: 0;
border-color: transparent;
border-style: solid
}
.tooltip.top .tooltip-arrow {
bottom: 0;
left: 50%;
margin-left: -5px;
border-width: 5px 5px 0;
border-top-color: #be0000
}
.tooltip.top-left .tooltip-arrow {
bottom: 0;
right: 5px
}
.tooltip.top-right .tooltip-arrow {
bottom: 0;
left: 5px
}
.jcrop-dragbar.ord-s,.jcrop-handle.ord-s,.jcrop-handle.ord-se,.jcrop-handle.ord-sw {
bottom: 0;
margin-bottom: -4px
}
.tooltip.right .tooltip-arrow {
top: 50%;
left: 0;
margin-top: -5px;
border-width: 5px 5px 5px 0;
border-right-color: #be0000
}
.tooltip.left .tooltip-arrow {
top: 50%;
right: 0;
margin-top: -5px;
border-width: 5px 0 5px 5px;
border-left-color: #be0000
}
.tooltip.bottom .tooltip-arrow {
left: 50%;
margin-left: -5px
}
.tooltip.bottom-left .tooltip-arrow {
right: 5px;
margin-top: -5px
}
.tooltip.bottom-right .tooltip-arrow {
left: 5px;
margin-top: -5px
}
.jcrop-preview-container {
width: 180px;
height: 180px;
overflow: hidden
}
#jcrop-preview-pane {
visibility: hidden;
display: none
}
.jcrop-holder {
direction: ltr;
text-align: left
}
.jcrop-hline,.jcrop-vline {
background: url(../images/Jcrop.gif)#fff;
font-size: 0;
position: absolute
}
.jcrop-vline {
height: 100%;
width: 1px!important
}
.jcrop-vline.right {
right: 0
}
.jcrop-hline {
height: 1px!important;
width: 100%
}
.jcrop-hline.bottom {
bottom: 0
}
.jcrop-tracker {
height: 100%;
width: 100%;
-webkit-touch-callout: none
}
.jcrop-handle {
background-color: #333;
border: 1px solid #eee;
width: 7px;
height: 7px;
font-size: 1px
}
.jcrop-handle.ord-n {
left: 50%;
margin-left: -4px;
margin-top: -4px;
top: 0
}
.jcrop-handle.ord-s {
left: 50%;
margin-left: -4px
}
.jcrop-handle.ord-e {
margin-right: -4px;
margin-top: -4px;
right: 0;
top: 50%
}
.jcrop-handle.ord-w {
left: 0;
margin-left: -4px;
margin-top: -4px;
top: 50%
}
.jcrop-handle.ord-nw {
left: 0;
margin-left: -4px;
margin-top: -4px;
top: 0
}
.jcrop-handle.ord-ne {
margin-right: -4px;
margin-top: -4px;
right: 0;
top: 0
}
.jcrop-handle.ord-se {
margin-right: -4px;
right: 0
}
.jcrop-handle.ord-sw {
left: 0;
margin-left: -4px
}
.jcrop-dragbar.ord-n,.jcrop-dragbar.ord-s {
height: 7px;
width: 100%
}
.jcrop-dragbar.ord-e,.jcrop-dragbar.ord-w {
height: 100%;
width: 7px
}
.jcrop-dragbar.ord-n {
margin-top: -4px
}
.jcrop-dragbar.ord-e {
margin-right: -4px;
right: 0
}
.jcrop-dragbar.ord-w {
margin-left: -4px
}
.jcrop-light .jcrop-hline,.jcrop-light .jcrop-vline {
background: #fff;
filter: alpha(opacity=70)!important;
opacity: .7!important
}
.jcrop-light .jcrop-handle {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background-color: #000;
border-color: #fff;
border-radius: 3px
}
.jcrop-dark .jcrop-hline,.jcrop-dark .jcrop-vline {
background: #000;
filter: alpha(opacity=70)!important;
opacity: .7!important
}
.jcrop-dark .jcrop-handle {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background-color: #fff;
border-color: #000;
border-radius: 3px
}
.solid-line .jcrop-hline,.solid-line .jcrop-vline {
background: #fff
}
.jcrop-holder img,img.jcrop-preview {
max-width: none
}
.user-navbar .nav-left {
margin: 0;
line-height: 60px;
height: 120px;
padding: 30px 0
}
.user-navbar a {
padding-top: 25px;
padding-bottom: 25px;
width: 80px
}
.user-navbar li.active,.user-navbar li:hover {
background-color: #fff
}
@media (max-width:767px) {
.user-navbar {
text-align: center
}
.user-navbar .nav-left,.user-navbar .nav-right {
float: none;
display: inline-block
}
.user-navbar .nav-right {
vertical-align: bottom
}
.user-navbar li {
background-color: #f9f9f9
}
.user-navbar a {
width: 60px
}
.fixed-right{display:none;}
}
.headSearchForm .btn:hover,.headSearchForm button {
color: #be0000;
background-color: transparent
}
.avatar-img {
border-radius: 50%;
vertical-align: top
}
.avatar-small {
width: 54px;
border: 3px solid #fff
}
.user-body .avatar {
float: left;
width: 180px
}
.user-body .content {
margin-left: 180px;
padding-left: 5%
}
.user-body td {
padding: 10px 0;
width: auto
}
.user-body td:first-child,.user-body td:last-child {
width: 80px
}
.user-body tr {
border-top: 1px solid #dcdcdc
}
.user-body tr:first-child {
border-top: none
}
@media (max-width:767px) {
.user-body .avatar {
float: none;
width: 100%;
text-align: center
}
.user-body .content {
margin-left: 0;
padding-left: 0
}
}
.btn-group-vertical>.btn-group:after,.btn-group-vertical>.btn-group:before,.btn-toolbar:after,.btn-toolbar:before,.clearfix:after,.clearfix:before,.container-fluid:after,.container-fluid:before,.container:after,.container:before,.dl-horizontal dd:after,.dl-horizontal dd:before,.flexslider .slides:after,.flexslider .slides:before,.form-horizontal .form-group:after,.form-horizontal .form-group:before,.modal-footer:after,.modal-footer:before,.nav ol:after,.nav ol:before,.nav ul:after,.nav ul:before,.nav:after,.nav:before,.navbar-header:after,.navbar-header:before,.navbar:after,.navbar:before,.row:after,.row:before {
content: " ";
display: table
}
.btn-group-vertical>.btn-group:after,.btn-toolbar:after,.clearfix:after,.container-fluid:after,.container:after,.dl-horizontal dd:after,.flexslider .slides:after,.form-horizontal .form-group:after,.modal-footer:after,.nav ol:after,.nav ul:after,.nav:after,.navbar-header:after,.navbar:after,.row:after {
clear: both
}
.center-block {
display: block;
margin-left: auto;
margin-right: auto
}
.pull-right {
float: right!important
}
.pull-left {
float: left!important
}
.hide {
display: none!important
}
.show {
display: block!important
}
.hidden,.visible-lg,.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block,.visible-md,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-sm,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-xs,.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block {
display: none!important
}
.text-hide {
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0
}
.hidden {
visibility: hidden!important
}
@-ms-viewport {
width:device-width
}
@media (max-width:767px) {
.visible-xs {
display: block!important
}
table.visible-xs {
display: table
}
tr.visible-xs {
display: table-row!important
}
td.visible-xs,th.visible-xs {
display: table-cell!important
}
.visible-xs-block {
display: block!important
}
.visible-xs-inline {
display: inline!important
}
.visible-xs-inline-block {
display: inline-block!important
}
}
@media (min-width:768px)and (max-width:991px) {
.visible-sm {
display: block!important
}
table.visible-sm {
display: table
}
tr.visible-sm {
display: table-row!important
}
td.visible-sm,th.visible-sm {
display: table-cell!important
}
.visible-sm-block {
display: block!important
}
.visible-sm-inline {
display: inline!important
}
.visible-sm-inline-block {
display: inline-block!important
}
}
@media (min-width:992px)and (max-width:1199px) {
.visible-md {
display: block!important
}
table.visible-md {
display: table
}
tr.visible-md {
display: table-row!important
}
td.visible-md,th.visible-md {
display: table-cell!important
}
.visible-md-block {
display: block!important
}
.visible-md-inline {
display: inline!important
}
.visible-md-inline-block {
display: inline-block!important
}
}
@media (min-width:1200px) {
.visible-lg {
display: block!important
}
table.visible-lg {
display: table
}
tr.visible-lg {
display: table-row!important
}
td.visible-lg,th.visible-lg {
display: table-cell!important
}
.visible-lg-block {
display: block!important
}
.visible-lg-inline {
display: inline!important
}
.visible-lg-inline-block {
display: inline-block!important
}
}
@media (max-width:767px) {
.hidden-xs {
display: none!important
}
}
@media (min-width:768px)and (max-width:991px) {
.hidden-sm {
display: none!important
}
}
@media (min-width:992px)and (max-width:1199px) {
.hidden-md {
display: none!important
}
}
@media (min-width:1200px) {
.hidden-lg {
display: none!important
}
.sec2-txt-wrap,.sec3-txt-wrap{margin-top:-250px;}
.section5 .right-txt{top:50%;position:absolute;margin-top:-40px;}
}
.visible-print {
display: none!important
}
@media print {
.visible-print {
display: block!important
}
table.visible-print {
display: table
}
tr.visible-print {
display: table-row!important
}
td.visible-print,th.visible-print {
display: table-cell!important
}
}
.visible-print-block {
display: none!important
}
@media print {
.visible-print-block {
display: block!important
}
}
.visible-print-inline {
display: none!important
}
@media print {
.visible-print-inline {
display: inline!important
}
}
.visible-print-inline-block {
display: none!important
}
@media print {
.visible-print-inline-block {
display: inline-block!important
}
.hidden-print {
display: none!important
}
}
.headSearchForm {
position: relative;
margin-top: 4px;
width: 160px
}
.headSearchForm button {
position: absolute;
right: 0;
top: 0;
margin-top: 1px;
border: none;
padding: 0;
width: 40px;
text-align: center
}
.headSearchForm .btn {
margin-top: 1px
}
.headSearchForm input {
padding-right: 40px
}
.headSearchForm.m-t-s {
margin-top: 20px
}
@media (max-width:767px) {
.headSearchForm.m-t-s {
margin-top: 10px
}
.headSearchForm .btn,.headSearchForm .form-control {
height: 30px;
font-size: 12px
}
.headSearchForm {
margin-top: 10px
}
.headSearchForm .btn {
width: 30px;
line-height: 30px
}
}
.column-two aside {
width: 260px;
float: left
}
.column-two aside menu {
width: 260px
}
.column-two aside .affix {
left: auto;
top: 90px
}
@media (min-width:768px) {
.column-two main {
margin-left: 280px
}
}
.column-two main .page-header {
margin-top: 0;
padding-bottom: 20px
}
.list-group.list-group-red .active a,.list-group.list-group-red a:hover {
color: #be0000
}
.list-group.list-group-red .list-group-item {
padding-left: 0;
padding-right: 0;
border-top: 1px solid #dcdcdc;
border-bottom: 1px solid #dcdcdc;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
#headNav .list-group-item {
padding-left: 20px;
padding-right: 20px;
border-top: 1px solid #c4c4c4;
border-bottom: 1px solid #c4c4c4
}
.fix-nav .title-btn {
display: block;
padding-top: 15px;
padding-bottom: 15px
}
#uploadAvatarFrom .modal-body {
max-width: 400px;
margin-left: auto;
margin-right: auto
}
.con-tit{position:relative;overflow:hidden;width:100%;}
.hr1{width:140px;border-top: 1px solid #d02026;margin-top:10px;position:relative;display:block;}
.hr1 .line{width:55px;height:3px;background:#d02026;position:absolute;left:0px;top:-2px;}
@font-face {
font-family: 'Glyphicons Halflings';
src: url('../fonts/glyphicons-halflings-regular.eot');
src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}
.glyphicon {
position: relative;
top: 1px;
display: inline-block;
font-family: 'Glyphicons Halflings';
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.glyphicon-asterisk:before {
content: "\002a";
}
.glyphicon-plus:before {
content: "\002b";
}
.glyphicon-euro:before,
.glyphicon-eur:before {
content: "\20ac";
}
.glyphicon-minus:before {
content: "\2212";
}
.glyphicon-cloud:before {
content: "\2601";
}
.glyphicon-envelope:before {
content: "\2709";
}
.glyphicon-pencil:before {
content: "\270f";
}
.glyphicon-glass:before {
content: "\e001";
}
.glyphicon-music:before {
content: "\e002";
}
.glyphicon-search:before {
content: "\e003";
}
.glyphicon-heart:before {
content: "\e005";
}
.glyphicon-star:before {
content: "\e006";
}
.glyphicon-star-empty:before {
content: "\e007";
}
.glyphicon-user:before {
content: "\e008";
}
.glyphicon-film:before {
content: "\e009";
}
.glyphicon-th-large:before {
content: "\e010";
}
.glyphicon-th:before {
content: "\e011";
}
.glyphicon-th-list:before {
content: "\e012";
}
.glyphicon-ok:before {
content: "\e013";
}
.glyphicon-remove:before {
content: "\e014";
}
.glyphicon-zoom-in:before {
content: "\e015";
}
.glyphicon-zoom-out:before {
content: "\e016";
}
.glyphicon-off:before {
content: "\e017";
}
.glyphicon-signal:before {
content: "\e018";
}
.glyphicon-cog:before {
content: "\e019";
}
.glyphicon-trash:before {
content: "\e020";
}
.glyphicon-home:before {
content: "\e021";
}
.glyphicon-file:before {
content: "\e022";
}
.glyphicon-time:before {
content: "\e023";
}
.glyphicon-road:before {
content: "\e024";
}
.glyphicon-download-alt:before {
content: "\e025";
}
.glyphicon-download:before {
content: "\e026";
}
.glyphicon-upload:before {
content: "\e027";
}
.glyphicon-inbox:before {
content: "\e028";
}
.glyphicon-play-circle:before {
content: "\e029";
}
.glyphicon-repeat:before {
content: "\e030";
}
.glyphicon-refresh:before {
content: "\e031";
}
.glyphicon-list-alt:before {
content: "\e032";
}
.glyphicon-lock:before {
content: "\e033";
}
.glyphicon-flag:before {
content: "\e034";
}
.glyphicon-headphones:before {
content: "\e035";
}
.glyphicon-volume-off:before {
content: "\e036";
}
.glyphicon-volume-down:before {
content: "\e037";
}
.glyphicon-volume-up:before {
content: "\e038";
}
.glyphicon-qrcode:before {
content: "\e039";
}
.glyphicon-barcode:before {
content: "\e040";
}
.glyphicon-tag:before {
content: "\e041";
}
.glyphicon-tags:before {
content: "\e042";
}
.glyphicon-book:before {
content: "\e043";
}
.glyphicon-bookmark:before {
content: "\e044";
}
.glyphicon-print:before {
content: "\e045";
}
.glyphicon-camera:before {
content: "\e046";
}
.glyphicon-font:before {
content: "\e047";
}
.glyphicon-bold:before {
content: "\e048";
}
.glyphicon-italic:before {
content: "\e049";
}
.glyphicon-text-height:before {
content: "\e050";
}
.glyphicon-text-width:before {
content: "\e051";
}
.glyphicon-align-left:before {
content: "\e052";
}
.glyphicon-align-center:before {
content: "\e053";
}
.glyphicon-align-right:before {
content: "\e054";
}
.glyphicon-align-justify:before {
content: "\e055";
}
.glyphicon-list:before {
content: "\e056";
}
.glyphicon-indent-left:before {
content: "\e057";
}
.glyphicon-indent-right:before {
content: "\e058";
}
.glyphicon-facetime-video:before {
content: "\e059";
}
.glyphicon-picture:before {
content: "\e060";
}
.glyphicon-map-marker:before {
content: "\e062";
}
.glyphicon-adjust:before {
content: "\e063";
}
.glyphicon-tint:before {
content: "\e064";
}
.glyphicon-edit:before {
content: "\e065";
}
.glyphicon-share:before {
content: "\e066";
}
.glyphicon-check:before {
content: "\e067";
}
.glyphicon-move:before {
content: "\e068";
}
.glyphicon-step-backward:before {
content: "\e069";
}
.glyphicon-fast-backward:before {
content: "\e070";
}
.glyphicon-backward:before {
content: "\e071";
}
.glyphicon-play:before {
content: "\e072";
}
.glyphicon-pause:before {
content: "\e073";
}
.glyphicon-stop:before {
content: "\e074";
}
.glyphicon-forward:before {
content: "\e075";
}
.glyphicon-fast-forward:before {
content: "\e076";
}
.glyphicon-step-forward:before {
content: "\e077";
}
.glyphicon-eject:before {
content: "\e078";
}
.glyphicon-chevron-left:before {
content: "\e079";
}
.glyphicon-chevron-right:before {
content: "\e080";
}
.glyphicon-plus-sign:before {
content: "\e081";
}
.glyphicon-minus-sign:before {
content: "\e082";
}
.glyphicon-remove-sign:before {
content: "\e083";
}
.glyphicon-ok-sign:before {
content: "\e084";
}
.glyphicon-question-sign:before {
content: "\e085";
}
.glyphicon-info-sign:before {
content: "\e086";
}
.glyphicon-screenshot:before {
content: "\e087";
}
.glyphicon-remove-circle:before {
content: "\e088";
}
.glyphicon-ok-circle:before {
content: "\e089";
}
.glyphicon-ban-circle:before {
content: "\e090";
}
.glyphicon-arrow-left:before {
content: "\e091";
}
.glyphicon-arrow-right:before {
content: "\e092";
}
.glyphicon-arrow-up:before {
content: "\e093";
}
.glyphicon-arrow-down:before {
content: "\e094";
}
.glyphicon-share-alt:before {
content: "\e095";
}
.glyphicon-resize-full:before {
content: "\e096";
}
.glyphicon-resize-small:before {
content: "\e097";
}
.glyphicon-exclamation-sign:before {
content: "\e101";
}
.glyphicon-gift:before {
content: "\e102";
}
.glyphicon-leaf:before {
content: "\e103";
}
.glyphicon-fire:before {
content: "\e104";
}
.glyphicon-eye-open:before {
content: "\e105";
}
.glyphicon-eye-close:before {
content: "\e106";
}
.glyphicon-warning-sign:before {
content: "\e107";
}
.glyphicon-plane:before {
content: "\e108";
}
.glyphicon-calendar:before {
content: "\e109";
}
.glyphicon-random:before {
content: "\e110";
}
.glyphicon-comment:before {
content: "\e111";
}
.glyphicon-magnet:before {
content: "\e112";
}
.glyphicon-chevron-up:before {
content: "\e113";
}
.glyphicon-chevron-down:before {
content: "\e114";
}
.glyphicon-retweet:before {
content: "\e115";
}
.glyphicon-shopping-cart:before {
content: "\e116";
}
.glyphicon-folder-close:before {
content: "\e117";
}
.glyphicon-folder-open:before {
content: "\e118";
}
.glyphicon-resize-vertical:before {
content: "\e119";
}
.glyphicon-resize-horizontal:before {
content: "\e120";
}
.glyphicon-hdd:before {
content: "\e121";
}
.glyphicon-bullhorn:before {
content: "\e122";
}
.glyphicon-bell:before {
content: "\e123";
}
.glyphicon-certificate:before {
content: "\e124";
}
.glyphicon-thumbs-up:before {
content: "\e125";
}
.glyphicon-thumbs-down:before {
content: "\e126";
}
.glyphicon-hand-right:before {
content: "\e127";
}
.glyphicon-hand-left:before {
content: "\e128";
}
.glyphicon-hand-up:before {
content: "\e129";
}
.glyphicon-hand-down:before {
content: "\e130";
}
.glyphicon-circle-arrow-right:before {
content: "\e131";
}
.glyphicon-circle-arrow-left:before {
content: "\e132";
}
.glyphicon-circle-arrow-up:before {
content: "\e133";
}
.glyphicon-circle-arrow-down:before {
content: "\e134";
}
.glyphicon-globe:before {
content: "\e135";
}
.glyphicon-wrench:before {
content: "\e136";
}
.glyphicon-tasks:before {
content: "\e137";
}
.glyphicon-filter:before {
content: "\e138";
}
.glyphicon-briefcase:before {
content: "\e139";
}
.glyphicon-fullscreen:before {
content: "\e140";
}
.glyphicon-dashboard:before {
content: "\e141";
}
.glyphicon-paperclip:before {
content: "\e142";
}
.glyphicon-heart-empty:before {
content: "\e143";
}
.glyphicon-link:before {
content: "\e144";
}
.glyphicon-phone:before {
content: "\e145";
}
.glyphicon-pushpin:before {
content: "\e146";
}
.glyphicon-usd:before {
content: "\e148";
}
.glyphicon-gbp:before {
content: "\e149";
}
.glyphicon-sort:before {
content: "\e150";
}
.glyphicon-sort-by-alphabet:before {
content: "\e151";
}
.glyphicon-sort-by-alphabet-alt:before {
content: "\e152";
}
.glyphicon-sort-by-order:before {
content: "\e153";
}
.glyphicon-sort-by-order-alt:before {
content: "\e154";
}
.glyphicon-sort-by-attributes:before {
content: "\e155";
}
.glyphicon-sort-by-attributes-alt:before {
content: "\e156";
}
.glyphicon-unchecked:before {
content: "\e157";
}
.glyphicon-expand:before {
content: "\e158";
}
.glyphicon-collapse-down:before {
content: "\e159";
}
.glyphicon-collapse-up:before {
content: "\e160";
}
.glyphicon-log-in:before {
content: "\e161";
}
.glyphicon-flash:before {
content: "\e162";
}
.glyphicon-log-out:before {
content: "\e163";
}
.glyphicon-new-window:before {
content: "\e164";
}
.glyphicon-record:before {
content: "\e165";
}
.glyphicon-save:before {
content: "\e166";
}
.glyphicon-open:before {
content: "\e167";
}
.glyphicon-saved:before {
content: "\e168";
}
.glyphicon-import:before {
content: "\e169";
}
.glyphicon-export:before {
content: "\e170";
}
.glyphicon-send:before {
content: "\e171";
}
.glyphicon-floppy-disk:before {
content: "\e172";
}
.glyphicon-floppy-saved:before {
content: "\e173";
}
.glyphicon-floppy-remove:before {
content: "\e174";
}
.glyphicon-floppy-save:before {
content: "\e175";
}
.glyphicon-floppy-open:before {
content: "\e176";
}
.glyphicon-credit-card:before {
content: "\e177";
}
.glyphicon-transfer:before {
content: "\e178";
}
.glyphicon-cutlery:before {
content: "\e179";
}
.glyphicon-header:before {
content: "\e180";
}
.glyphicon-compressed:before {
content: "\e181";
}
.glyphicon-earphone:before {
content: "\e182";
}
.glyphicon-phone-alt:before {
content: "\e183";
}
.glyphicon-tower:before {
content: "\e184";
}
.glyphicon-stats:before {
content: "\e185";
}
.glyphicon-sd-video:before {
content: "\e186";
}
.glyphicon-hd-video:before {
content: "\e187";
}
.glyphicon-subtitles:before {
content: "\e188";
}
.glyphicon-sound-stereo:before {
content: "\e189";
}
.glyphicon-sound-dolby:before {
content: "\e190";
}
.glyphicon-sound-5-1:before {
content: "\e191";
}
.glyphicon-sound-6-1:before {
content: "\e192";
}
.glyphicon-sound-7-1:before {
content: "\e193";
}
.glyphicon-copyright-mark:before {
content: "\e194";
}
.glyphicon-registration-mark:before {
content: "\e195";
}
.glyphicon-cloud-download:before {
content: "\e197";
}
.glyphicon-cloud-upload:before {
content: "\e198";
}
.glyphicon-tree-conifer:before {
content: "\e199";
}
.glyphicon-tree-deciduous:before {
content: "\e200";
}
.glyphicon-cd:before {
content: "\e201";
}
.glyphicon-save-file:before {
content: "\e202";
}
.glyphicon-open-file:before {
content: "\e203";
}
.glyphicon-level-up:before {
content: "\e204";
}
.glyphicon-copy:before {
content: "\e205";
}
.glyphicon-paste:before {
content: "\e206";
}
.glyphicon-alert:before {
content: "\e209";
}
.glyphicon-equalizer:before {
content: "\e210";
}
.glyphicon-king:before {
content: "\e211";
}
.glyphicon-queen:before {
content: "\e212";
}
.glyphicon-pawn:before {
content: "\e213";
}
.glyphicon-bishop:before {
content: "\e214";
}
.glyphicon-knight:before {
content: "\e215";
}
.glyphicon-baby-formula:before {
content: "\e216";
}
.glyphicon-tent:before {
content: "\26fa";
}
.glyphicon-blackboard:before {
content: "\e218";
}
.glyphicon-bed:before {
content: "\e219";
}
.glyphicon-apple:before {
content: "\f8ff";
}
.glyphicon-erase:before {
content: "\e221";
}
.glyphicon-hourglass:before {
content: "\231b";
}
.glyphicon-lamp:before {
content: "\e223";
}
.glyphicon-duplicate:before {
content: "\e224";
}
.glyphicon-piggy-bank:before {
content: "\e225";
}
.glyphicon-scissors:before {
content: "\e226";
}
.glyphicon-bitcoin:before {
content: "\e227";
}
.glyphicon-btc:before {
content: "\e227";
}
.glyphicon-xbt:before {
content: "\e227";
}
.glyphicon-yen:before {
content: "\00a5";
}
.glyphicon-jpy:before {
content: "\00a5";
}
.glyphicon-ruble:before {
content: "\20bd";
}
.glyphicon-rub:before {
content: "\20bd";
}
.glyphicon-scale:before {
content: "\e230";
}
.glyphicon-ice-lolly:before {
content: "\e231";
}
.glyphicon-ice-lolly-tasted:before {
content: "\e232";
}
.glyphicon-education:before {
content: "\e233";
}
.glyphicon-option-horizontal:before {
content: "\e234";
}
.glyphicon-option-vertical:before {
content: "\e235";
}
.glyphicon-menu-hamburger:before {
content: "\e236";
}
.glyphicon-modal-window:before {
content: "\e237";
}
.glyphicon-oil:before {
content: "\e238";
}
.glyphicon-grain:before {
content: "\e239";
}
.glyphicon-sunglasses:before {
content: "\e240";
}
.glyphicon-text-size:before {
content: "\e241";
}
.glyphicon-text-color:before {
content: "\e242";
}
.glyphicon-text-background:before {
content: "\e243";
}
.glyphicon-object-align-top:before {
content: "\e244";
}
.glyphicon-object-align-bottom:before {
content: "\e245";
}
.glyphicon-object-align-horizontal:before {
content: "\e246";
}
.glyphicon-object-align-left:before {
content: "\e247";
}
.glyphicon-object-align-vertical:before {
content: "\e248";
}
.glyphicon-object-align-right:before {
content: "\e249";
}
.glyphicon-triangle-right:before {
content: "\e250";
}
.glyphicon-triangle-left:before {
content: "\e251";
}
.glyphicon-triangle-bottom:before {
content: "\e252";
}
.glyphicon-triangle-top:before {
content: "\e253";
}
.glyphicon-console:before {
content: "\e254";
}
.glyphicon-superscript:before {
content: "\e255";
}
.glyphicon-subscript:before {
content: "\e256";
}
.glyphicon-menu-left:before {
content: "\e257";
}
.glyphicon-menu-right:before {
content: "\e258";
}
.glyphicon-menu-down:before {
content: "\e259";
}
.glyphicon-menu-up:before {
content: "\e260";
}
.carousel {
position: relative;
}
.carousel-inner {
position: relative;
width: 100%;
overflow: hidden;
}
.carousel-inner > .item {
position: relative;
display: none;
-webkit-transition: .6s ease-in-out left;
-o-transition: .6s ease-in-out left;
transition: .6s ease-in-out left;
}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
line-height: 1;
}
@media all and (transform-3d), (-webkit-transform-3d) {
.carousel-inner > .item {
-webkit-transition: -webkit-transform .6s ease-in-out;
-o-transition: -o-transform .6s ease-in-out;
transition: transform .6s ease-in-out;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-perspective: 1000px;
perspective: 1000px;
}
.carousel-inner > .item.next,
.carousel-inner > .item.active.right {
left: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
.carousel-inner > .item.prev,
.carousel-inner > .item.active.left {
left: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
.carousel-inner > .item.next.left,
.carousel-inner > .item.prev.right,
.carousel-inner > .item.active {
left: 0;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
display: block;
}
.carousel-inner > .active {
left: 0;
}
.carousel-inner > .next,
.carousel-inner > .prev {
position: absolute;
top: 0;
width: 100%;
}
.carousel-inner > .next {
left: 100%;
}
.carousel-inner > .prev {
left: -100%;
}
.carousel-inner > .next.left,
.carousel-inner > .prev.right {
left: 0;
}
.carousel-inner > .active.left {
left: -100%;
}
.carousel-inner > .active.right {
left: 100%;
}
.carousel-control {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 15%;
font-size: 20px;
color: #fff;
text-align: center;
text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
background-color: rgba(0, 0, 0, 0);
filter: alpha(opacity=50);
opacity: .5;
}
.carousel-control.left {
background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, .0001)));
background-image: linear-gradient(to right, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
background-repeat: repeat-x;
}
.carousel-control.right {
right: 0;
left: auto;
background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
background-image: -o-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .0001)), to(rgba(0, 0, 0, .5)));
background-image: linear-gradient(to right, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
background-repeat: repeat-x;
}
.carousel-control:hover,
.carousel-control:focus {
color: #fff;
text-decoration: none;
filter: alpha(opacity=90);
outline: 0;
opacity: .9;
}
.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
position: absolute;
top: 50%;
z-index: 5;
display: inline-block;
margin-top: -10px;
}
.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-left {
left: 50%;
margin-left: -10px;
}
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-right {
right: 50%;
margin-right: -10px;
}
.carousel-control .icon-prev,
.carousel-control .icon-next {
width: 20px;
height: 20px;
font-family: serif;
line-height: 1;
}
.carousel-control .icon-prev:before {
content: '\2039';
}
.carousel-control .icon-next:before {
content: '\203a';
}
.carousel-indicators {
position: absolute;
bottom: 10px;
left: 50%;
z-index: 15;
width: 60%;
padding-left: 0;
margin-left: -30%;
text-align: center;
list-style: none;
}
.carousel-indicators li {
display: inline-block;
width: 10px;
height: 10px;
margin: 1px;
text-indent: -999px;
cursor: pointer;
background-color: #000 \9;
background-color: rgba(0, 0, 0, 0);
border: 1px solid #fff;
border-radius: 10px;
}
.carousel-indicators .active {
width: 12px;
height: 12px;
margin: 0;
background-color: #fff;
}
.carousel-caption {
position: absolute;
right: 15%;
bottom: 20px;
left: 15%;
z-index: 10;
padding-top: 20px;
padding-bottom: 20px;
color: #fff;
text-align: center;
text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
}
.carousel-caption .btn {
text-shadow: none;
}
@media screen and (min-width: 768px) {
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-prev,
.carousel-control .icon-next {
width: 30px;
height: 30px;
margin-top: -10px;
font-size: 30px;
}
.carousel-control .glyphicon-chevron-left,
.carousel-control .icon-prev {
margin-left: -10px;
}
.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-next {
margin-right: -10px;
}
.carousel-caption {
right: 20%;
left: 20%;
padding-bottom: 30px;
}
.carousel-indicators {
bottom: 20px;
}
}